Satanist Mode Wiki satanistmode_en https://satanistmode.wiki.gg/ MediaWiki 1.43.3 first-letter Media Special Talk User User talk Meta Meta talk File File talk MediaWiki MediaWiki talk Template Template talk Help Help talk Category Category talk Module Module talk 0 1 1 2025-06-12T21:36:19Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Satanist Mode Wiki]] b11dbb02ea05189b34673c18140bd14ad32a1a83 2 1 2025-06-12T21:36:20Z ARTIFICER 564804 Protected "[[Main Page]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki #redirect [[Satanist Mode Wiki]] b11dbb02ea05189b34673c18140bd14ad32a1a83 0 2 3 2025-06-12T21:36:20Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, (1) add a new section to the grid layout below (all three breakpoints!) and then (2) save or preview this page and then (3) click "Create this box" -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about pages pages contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about pages contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about pages external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> c5d4351377806d884e84bc34774f85fd4a425e0a 4 3 2025-06-12T21:36:21Z ARTIFICER 564804 Protected "[[Satanist Mode Wiki]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, (1) add a new section to the grid layout below (all three breakpoints!) and then (2) save or preview this page and then (3) click "Create this box" -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about pages pages contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about pages contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about pages external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> c5d4351377806d884e84bc34774f85fd4a425e0a 0 4 6 2025-06-12T21:36:22Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = Welcome to the {{SITENAME}}! }} We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 96df981ef23fca9434d1586228cab8a51e0fdc0a 7 6 2025-06-12T21:36:22Z ARTIFICER 564804 Protected "[[Satanist Mode Wiki/welcome]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = Welcome to the {{SITENAME}}! }} We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 96df981ef23fca9434d1586228cab8a51e0fdc0a 0 5 8 2025-06-12T21:36:23Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Important page here|image=Wiki.gg logo-pink.svg|size=92px}} * {{MP link|Random page|link=Special:Random}} * {{MP link|Example character|link=Example character|image=Example_character_image.png|size=92px}} * {{MP link|Example character infobox|link=Template:Example character infobox|image=Example_character_image.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 827f14b4cd3d346ca427f95e9574fc23c4874206 9 8 2025-06-12T21:36:23Z ARTIFICER 564804 Protected "[[Satanist Mode Wiki/pages]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Important page here|image=Wiki.gg logo-pink.svg|size=92px}} * {{MP link|Random page|link=Special:Random}} * {{MP link|Example character|link=Example character|image=Example_character_image.png|size=92px}} * {{MP link|Example character infobox|link=Template:Example character infobox|image=Example_character_image.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 827f14b4cd3d346ca427f95e9574fc23c4874206 0 6 10 2025-06-12T21:36:23Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = About Satanist Mode }} This is an example main page. You can redesign it however you want, or you can keep the layout the same but change the contents (e.g. this part should talk about your game). Take a look at some other wiki.gg wikis for inspiration! <div style="text-align:right">[[Satanist Mode|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 109f91741769300b82ba08bdb7402c55f9fe6d53 11 10 2025-06-12T21:36:23Z ARTIFICER 564804 Protected "[[Satanist Mode Wiki/about]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = About Satanist Mode }} This is an example main page. You can redesign it however you want, or you can keep the layout the same but change the contents (e.g. this part should talk about your game). Take a look at some other wiki.gg wikis for inspiration! <div style="text-align:right">[[Satanist Mode|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 109f91741769300b82ba08bdb7402c55f9fe6d53 0 7 12 2025-06-12T21:36:24Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = Contribute to the wiki }} {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; Adding content :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 8b79debc73480ec2b12cb5e39723b94532fd44bd 13 12 2025-06-12T21:36:24Z ARTIFICER 564804 Protected "[[Satanist Mode Wiki/contribute]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = Contribute to the wiki }} {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; Adding content :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 8b79debc73480ec2b12cb5e39723b94532fd44bd 0 8 14 2025-06-12T21:36:24Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2"> * {{MP link|Official site|link=https://wiki.gg}} * {{MP link|Discord|link=https://discord.gg/rTnST57tuW|image=Discord.svg|size=64x64px}} * {{MP link|Bluesky|link=https://bsky.app/profile/wiki.gg|image=Bluesky.svg|size=64x64px}} * {{MP link|indie.io|link=https://www.indie.io/|image=indie.io.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> bb8190c57bb4cc147764d1c10f218fe4d34e0a49 15 14 2025-06-12T21:36:25Z ARTIFICER 564804 Protected "[[Satanist Mode Wiki/external]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2"> * {{MP link|Official site|link=https://wiki.gg}} * {{MP link|Discord|link=https://discord.gg/rTnST57tuW|image=Discord.svg|size=64x64px}} * {{MP link|Bluesky|link=https://bsky.app/profile/wiki.gg|image=Bluesky.svg|size=64x64px}} * {{MP link|indie.io|link=https://www.indie.io/|image=indie.io.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> bb8190c57bb4cc147764d1c10f218fe4d34e0a49 4 9 16 2025-06-12T21:36:25Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [{{int:wikigg-tos-url}} Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] a5c705cf276359aef94d426ee75d18bbf1e361ac 17 16 2025-06-12T21:36:26Z ARTIFICER 564804 Protected "[[Meta:Copyrights]]" ([Edit=Allow only administrators] (indefinite)) wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [{{int:wikigg-tos-url}} Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] a5c705cf276359aef94d426ee75d18bbf1e361ac 828 10 18 2025-06-12T21:36:26Z ARTIFICER 564804 Importing default loadout Scribunto text/plain -- version 0.1.7 -------------------------------------- -- User settings, you can modify these -------------------------------------- -- if you want to not always use divs in your wiki (as opposed to tables), you can change this default -- just remember to change it back each time you update from the main "branch" on the support wiki! -- you can also control it per infobox with `|useDivs=yes` or `|useDivs=no` local USE_DIVS = true -- `false` or `true` -- default value to show if a param is missing in some but not all tabs. -- set to `nil` (not in quotes) to remove such rows altogether in the tabs where they're missing local TABBED_NONEXIST = nil -- `''` or `nil` or `'N/A'` etc. Don't put nil in quotes. --------------------------------------------------------------------------- -- Do not modify anything below this line unless you know what you're doing --------------------------------------------------------------------------- local h = {} local p = {} local hooks = {} function p.arraymap(frame) -- a lua implementation of Page Forms' arraymap local args = h.overwrite() local items = h.split(args[1], args[2] or ',') for i, item in ipairs(items) do items[i] = args[4]:gsub(args[3], item) end return table.concat(items, args[5] or ',') end function p.preprocess(frame) return frame:preprocess(frame.args[1] or frame:getParent().args[1]) end function p.main(frame) h.registerHooks() h.increment() local args = h.overwrite() local sep = args.sep or ',' h.castArgs(args, sep) if h.castBool(args.setmainimage or 'yes') then h.setMainImage(args.images[1]) end -- suggest to use HIDDENCAT here; will be used for maintenance & gadget imports return h.makeInfobox(args, sep), '[[Category:Pages with DRUID infoboxes]]' end function h.registerHooks() if not mw.title.new('Module:Infobox/Hooks').exists then return end hooks = require('Module:Infobox/Hooks') end function h.runHook(key, ...) if hooks[key] then hooks[key](...) end end function h.increment() -- optional use of VariablesLua for better compatibility local VariablesLua = mw.ext.VariablesLua if VariablesLua == nil then local res -- try to fall back to normal Variables res, h.counter = pcall( function() return mw.getCurrentFrame():callParserFunction('#var', {'DRUID_INFOBOX_ID', 0}) + 1 end ) if res then mw.getCurrentFrame():callParserFunction('#vardefine', {'DRUID_INFOBOX_ID', h.counter}) else -- else use a random number so at least there's some unique id h.counter = math.random(100000000000000000) -- random integer end else h.counter = VariablesLua.var('DRUID_INFOBOX_ID', 0) + 1 VariablesLua.vardefine('DRUID_INFOBOX_ID', h.counter) end end function h.castArgs(args, sep) h.runHook('onCastArgsStart', args, sep, args.kind) args.tabs = h.split(args.tabs or args.image_labels, sep) args.images = h.getImages(args, sep) args.sections = h.split(args.sections, sep) for _, section in ipairs(args.sections) do if h.castBool(args[section .. '_isdata']) then args[section .. 'Data'] = args[section] args[section] = section .. 'Data' args[section .. 'Data_nolabel'] = 'true' -- will be cast later end args[section] = h.split(args[section], sep) args[section .. '_tabs'] = h.split(args[section .. '_tabs'], sep) if #args.tabs > 0 and #args[section .. '_tabs'] > 0 then error(('You cannot specify |tabs= and |%s= at the same time, please pick one'):format(section .. '_tabs')) end end if args.useDivs then USE_DIVS = h.castBool(args.useDivs) end -- this would be in the outer scope, but we're hiding it h.entityType = USE_DIVS and 'div' or 'table' -- key of h.htmlEntities h.runHook('onCastArgsEnd', args, sep, args.kind) end function h.getImages(args, sep) if args.image and not args.images then args.images = args.image end if args.images then return h.split(args.images, sep) end if not args.tabs then return {} end local ret = {} for _, key in ipairs(args.tabs) do if args[key .. '_image'] then ret[#ret+1] = args[key .. '_image'] end end return ret end function h.setMainImage(file) if h.counter > 1 then return end if not file then return end local fileText = file:gsub('.-:', '') fileText = fileText:gsub('^([^|%]]+).*', '%1') -- setmainimage is guaranteed to exist on wiki.gg but may not exist on other wikis -- it's not a crucial piece of functionality so we'll fail silently if it doesn't exist pcall(function() mw.getCurrentFrame():callParserFunction{ name = '#setmainimage', args = { fileText }, } end) end function h.makeInfobox(args, sep) local out = mw.html.create(h.getTag('container')) :addClass('druid-infobox') :addClass('druid-container') :addClass('noexcerpt') :addClass(args.class) -- warning: class can be nil, don't concat anything :attr('id', args.id or ('druid-container-' .. h.counter)) h.runHook('onMakeOutputStart', out, args) if args.kind then out:addClass('druid-container-' .. h.escape(args.kind)) end h.printTitle(out, args) h.printImages(out, args.images, args) for _, section in ipairs(args.sections) do -- cannot begin tagging here because we don't know if any applicable args are present local cols = args[section .. '_columns'] local makeSection = cols and h.makeGridSection or h.makeSection out:node(makeSection(section, args[section], args, tonumber(cols))) end h.runHook('onMakeOutputEnd', out, args) -- category for gadget loading return out, '[[Category:Pages with DRUID infoboxes]]' end function h.printTitle(out, args) local tabs = args.tabs if not tabs or #tabs == 0 then h.printSimpleTitle(out, args) return end if not h.hasComplexData('title', tabs, args) then h.printSimpleTitle(out, args) return end local node = h.printTitleWrapper(out) h.printTabbedDataItem(node, 'title', tabs, args) end function h.printSimpleTitle(out, args) if args.title then local node = h.printTitleWrapper(out) node:wikitext(args.title) end end function h.printTitleWrapper(out) return out:tag(h.getTag('titleOuter')) :tag(h.getTag('titleInner')) :addClass('druid-title') :attr('colspan', 2) end function h.printTabbedDataItem(node, item, tabs, args) -- hasData isn't used in the title case but we will need to track this -- when we're printing section data later on -- so we'll just track it always local hasData = false for i, label in ipairs(tabs) do local div = node:tag('div') :addClass('druid-toggleable-data') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :attr('data-druid-tab-key', label) if h.getTabbedContent(args, label, item) then hasData = true div:wikitext('\n\n' .. h.getTabbedContent(args, label, item)) div:addClass('druid-toggleable-data-nonempty') else div:addClass('druid-toggleable-data-empty') end if i == 1 then div:addClass('focused') end end return hasData end function h.printImages(out, images, args) if #images == 0 and #args.tabs == 0 then return end -- burden is on the user to format this as an image. this should be done in the infobox template, -- with something like |image={{#if:{{{image|}}}|[[File:{{{image|}}}{{!}}300px{{!}}link=]]}} local td = out:tag(h.getTag('section')) :addClass('druid-section-container') :tag(h.getTag('cell')) :attr('colspan', 2) local tabs = args.tabs local tabTexts = h.getImageTabTexts(tabs, images, args) h.printTabs(td, tabs, tabTexts, false, args) if #images == 0 then return end if #images == 1 then td:addClass('druid-main-image') :wikitext(images[1]) if args.caption then td:tag('div') :addClass('druid-main-image-caption') :wikitext(args.caption) end return end td:addClass('druid-main-images') local imagesContainer = td:tag('div') :addClass('druid-main-images-files') for i, image in ipairs(images) do local container = imagesContainer:tag('div') :addClass('druid-main-images-file') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(image) :attr('data-druid-tab-key', tabs[i]) local labelText if tabs[i] then labelText = args[tabs[i] .. '_label'] or tabs[i] else labelText = '[[Category:Infoboxes missing image labels]]Image ' .. i end if args[labelText .. '_caption'] then container:tag('div') :addClass('druid-main-images-caption') :wikitext(args[labelText .. '_caption']) end if i == 1 then container:addClass('focused') end end end function h.getImageTabTexts(tabs, images, args) if #tabs == 0 and #images <= 1 then return {} end local texts = {} local i = 1 while images[i] or tabs[i] do if tabs[i] then texts[i] = args[tabs[i] .. '_label'] or tabs[i] else texts[i] = '[[Category:Infoboxes missing image labels]]Image ' .. i end i = i + 1 end return texts end function h.printTabs(td, tabs, texts, isSection, args) if #texts == 0 then return end local container = td:tag('div') :addClass('druid-main-images-labels') :addClass('druid-tabs') if isSection then container:addClass('druid-section-tabs') end for i, item in ipairs(tabs) do local label = container:tag('div') :addClass('druid-main-images-label') :addClass('druid-tab') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(texts[i]) :attr('data-druid-tab-key', item) if isSection then label:addClass('druid-section-tab') else label:addClass('druid-title-tab') end if i == 1 then label:addClass('focused') end -- this can be null, don't concat anything here label:addClass(args[item .. '_class']) end end function h.makeGridSection(section, sectionFields, args, numCols) local numItems = h.countItems(sectionFields, section, args) if numItems == 0 then return end local node = mw.html.create(h.getTag('section')) :addClass('druid-section-container') h.printSectionHeader(node, section, args) h.printSectionTabs(node, section, args) local tr = node:tag(h.getTag('row')) :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end local grid = tr:tag(h.getTag('cell')) :attr('colspan', 2) :addClass('druid-grid-section') :addClass('druid-grid-section-' .. h.escape(section)) :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything :tag('div') :addClass('druid-grid') local row, col, i = 1, 1, 1 local sizeOfLastRow = numItems % numCols local lcm = h.getNumGridCols(numItems, sizeOfLastRow, numCols) grid:css('grid-template-columns', ('repeat(%s, 1fr)'):format(lcm)) local size = lcm / numCols for _, item in ipairs(sectionFields) do local node = mw.html.create('div') local shouldPrint = h.printData(node, item, section, args) if shouldPrint then if i == numItems - sizeOfLastRow + 1 then size = lcm / sizeOfLastRow end i = i + 1 local gStart = (col - 1) * size + 1 local gEnd = (col) * size + 1 local itemContainer = grid:tag('div') :addClass('druid-grid-item') :addClass('druid-grid-item-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :css('grid-column', ('%s / %s'):format(gStart, gEnd)) :css('grid-row', row) if not h.castBool(args[item .. '_nolabel']) then h.printLabel(itemContainer:tag('div'), item, args) end itemContainer:node(node) if col == numCols then row = row + 1 col = 1 else col = col + 1 end end end return node end function h.makeSection(section, sectionFields, args) if section == '' then return end -- bruteforce fix for trailing commas local shouldPrint = false local container = mw.html.create(h.getTag('section')) :addClass('druid-section-container') :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything h.printSectionHeader(container, section, args) h.printSectionTabs(container, section, args) for _, item in ipairs(sectionFields) do local node = mw.html.create(h.getTag('cell')) local shouldPrintItem = h.printData(node, item, section, args) if shouldPrintItem then shouldPrint = true local tr = container:tag(h.getTag('row')) :addClass('druid-row') :addClass('druid-row-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end if h.castBool(args[item .. '_wide']) or h.castBool(args[item .. '_nolabel']) then node :attr('colspan', 2) :addClass('druid-data-wide') else h.printLabel(tr:tag(h.getTag('label')), item, args) end tr:node(node) end end if not shouldPrint then return nil end return container end function h.countItems(sectionFields, section, args) local numItems = 0 for _, v in ipairs(sectionFields) do -- we aren't actually printing here, but we're finding out if we should print anything -- because we need the count of columns before we print anything in grid data if h.printData(mw.html.create(), v, section, args) then numItems = numItems + 1 end end return numItems end function h.getNumGridCols(numItems, sizeOfLastRow, numCols) if not numCols then return numItems, 1 end if numItems < numCols then return numItems, 1 end if sizeOfLastRow == 0 then return numCols, 1 end local a, b = sizeOfLastRow, numCols while b ~= 0 do a, b = b, a % b end local lcm = sizeOfLastRow * numCols / a return lcm end function h.printLabel(node, item, args) return node :addClass('druid-label') :addClass('druid-label-' .. h.escape(item)) :wikitext(args[item .. '_display'] or args[item .. '_label'] or item) end function h.printData(node, item, section, args) -- prints data to the node -- and also returns whether the item is nonempty or not local hasData = false local sectionTabs = args[section .. '_tabs'] local tabs = args.tabs if sectionTabs and #sectionTabs > 0 then tabs = sectionTabs end if not tabs or #tabs == 0 then return h.printSimpleData(node, item, args) end if not h.hasComplexData(item, tabs, args) then return h.printSimpleData(node, item, args) end hasData = hasData or h.printTabbedDataItem(node, item, tabs, args) if hasData then node:addClass('druid-data') end return hasData end function h.getTabbedContent(args, label, item) return args[label .. '_' .. item] or args[item] or TABBED_NONEXIST end function h.printSimpleData(node, item, args) if args[item] and type(args[item]) ~= 'string' then error(("Invalid use of field %s as both a section and a data value"):format(item)) end if not args[item] then return false end node:addClass('druid-data') :addClass('druid-data-' .. h.escape(item)) :addClass('druid-data-nonempty') :wikitext('\n\n' .. args[item]) return true end function h.hasComplexData(item, tabs, args) for _, v in ipairs(tabs) do if args[v .. '_' .. item] then return true end end return false end function h.printSectionHeader(node, section, args) if h.castBool(args[section .. '_nolabel']) then return end local tr = node:tag(h.getTag('row')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTitle')) :attr('colspan', 2) :addClass('druid-section') :addClass('druid-section-' .. h.escape(section)) if args[section .. '_collapsible'] or args[section .. '_collapsed'] then tr:addClass('druid-collapsible') if args[section .. '_collapsed'] then tr:addClass('druid-collapsible-collapsed') end end local emptySections = {} for _, label in ipairs(args.tabs) do local hasLabel = false for _, item in ipairs(args[section] or {}) do if h.getTabbedContent(args, label, item) then hasLabel = true end end if not hasLabel then emptySections[label] = true end end if not next(emptySections) then th:wikitext(args[section .. '_label'] or section) return end for i, label in ipairs(args.tabs) do local div = th:tag('div') :addClass('druid-toggleable-heading') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(args[section .. '_label'] or section) -- we are going to print the section content even in empty nodes -- for compatibility with browsers without :has, where hiding empty rows won't happen if emptySections[label] then div:addClass('druid-toggleable-heading-empty') end if i == 1 then div:addClass('focused') end end end function h.printSectionTabs(node, section, args) local tabs = args[section .. '_tabs'] if not tabs or #tabs == 0 then return end local tr = node:tag(h.getTag('sectionTabsOuter')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTabs')) :attr('colspan', 2) :addClass('druid-section-tabs') :addClass('druid-section-tabs-' .. h.escape(section)) local texts = {} for i, item in ipairs(tabs) do texts[i] = args[item .. '_label'] or item end h.printTabs(th, tabs, texts, true, args) end ---------------------------- -- general utility functions ---------------------------- function h.overwrite() -- this is a generic utility function that collects args from the invoke call & the parent template. -- normally, you merge args with parent template overwriting the invoke call, but -- since we'll be putting markup/formatting into our invoke call, -- we actually want to overwrite what the user sent. local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end return args end -- generic utility functions -- these would normally be provided by other modules, but to make installation easy -- I'm including everything here function h.split(text, pattern, plain) if not text then return {} end local ret = {} for m in h.gsplit(text, pattern, plain) do ret[#ret+1] = m end return ret end function h.gsplit( text, pattern, plain ) if not pattern then pattern = ',' end if not plain then pattern = '%s*' .. pattern .. '%s*' end local s, l = 1, text:len() return function () if s then local e, n = text:find( pattern, s, plain ) local ret if not e then ret = text:sub( s ) s = nil elseif n < e then -- Empty separator! ret = text:sub( s, e ) if e < l then s = e + 1 else s = nil end else ret = e > s and text:sub( s, e - 1 ) or '' s = n + 1 end return ret end end, nil, nil end function h.escape(s) s = s:gsub(' ', '') :gsub('"', '') :gsub("'", '') :gsub("%?", '') :gsub("%%", '') :gsub("%[", '') :gsub("%]", '') :gsub("{", '') :gsub("}", '') :gsub("!", '') return s end -- normally I would make these constants at the top of the file -- but I don't want to mistake them with user-set constants h.boolFalse = { ['false'] = true, ['no'] = true, [''] = true, ['0'] = true, ['nil'] = true } function h.castBool(x) if not x then return false end return not h.boolFalse[tostring(x):lower()] end h.htmlEntities = { table = { container = 'table', titleOuter = 'tr', titleInner = 'th', section = '', sectionTitle = 'th', sectionTabsOuter = 'tr', sectionTabs = 'td', row = 'tr', label = 'th', cell = 'td', }, div = { container = 'div', titleOuter = 'div', titleInner = 'div', section = 'div', sectionTitle = 'div', sectionTabsOuter = 'div', sectionTabs = 'div', row = 'div', label = 'div', cell = 'div', } } function h.getTag(key) -- try not to totally fail here return h.htmlEntities[h.entityType or 'div'][key] end return p 0b872baa88950499ed588906ea3b07f363640076 828 11 19 2025-06-12T21:36:27Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{luadoc}} This module enables the creation of [[support:DRUID infoboxes|DRUID infoboxes]]. 0ce687b29fc5e2d6cad14853a8412fa91910000f 828 12 20 2025-06-12T21:36:27Z ARTIFICER 564804 Importing default loadout Scribunto text/plain -- version 1.2.4 -- config table for RANGER. -- If you want to change the default config, DO NOT change it here, -- please do it via the `onLoadConfig` hook in [[Module:Navbox/Hooks]]. local config = { default_navbox_class = "navigation-not-searchable", -- Base value of the `class` parameter. default_title_class = nil, -- Base value of the `title_class` parameter. default_above_class = nil, -- Base value of the `above_class` parameter. default_below_class = nil, -- Base value of the `below_class` parameter. default_section_class =nil, -- Base value of the `section_class` parameter. default_header_class = nil, -- Base value of the `header_class` parameter. default_group_class = nil, -- Base value of the `group_class` parameter. default_list_class = 'hlist', -- Base value of the `list_class` parameter. default_header_state = nil, -- Base value of the `state` parameter. editlink_hover_message_key = 'Navbox-edit-hover', -- The system message name for hover text of the edit icon. custom_render_handle = nil, -- usually for debugging purposes only. if set, it should be a function accept 2 parameters: `dataTree` and `args`, and return a string as module output. } --------------------------------------------------------------------- -- Argument alias. local CANONICAL_NAMES = { ['titlestyle'] = 'title_style', ['listclass'] = 'list_class', ['groupstyle'] = 'group_style', ['collapsible'] = 'state', ['editlink'] = 'meta', ['editlinks'] = 'meta', ['editicon'] = 'meta', ['edit_link'] = 'meta', ['edit_links'] = 'meta', ['edit_icon'] = 'meta', ['navbar'] = 'meta', ['name'] = 'template', ['evenodd'] = 'striped', ['class'] = 'navbox_class', ['css'] = 'navbox_style', ['style'] = 'navbox_style', ['group'] = '1:group', ['list'] = '1:list', } local DEFAULT_ARGS = { ['meta'] = true, } local STATES = { ['no'] = '', ['off'] = '', ['plain'] = '', ['collapsed'] = 'mw-collapsible mw-collapsed', ['expanded'] = 'mw-collapsible', } local BOOL_FALSE = { ['no'] = true, ['off'] = true, ['false'] = true, } local STRIPED = { ['odd'] = 'striped-odd', ['swap'] = 'striped-odd', ['y'] = 'striped-even', ['yes'] = 'striped-even', ['on'] = 'striped-even', ['even'] = 'striped-even', ['striped'] = 'striped-even', } local NAVBOX_CHILD_INDICATOR = '!!C$H$I$L$D!!' local NAVBOX_CHILD_INDICATOR_LENGTH = string.len( NAVBOX_CHILD_INDICATOR ) local CLASS_PREFIX = 'ranger-' --------------------------------------------------------------------- local p = {} local h = {} -- non-public local hooks = mw.title.new('Module:Navbox/Hooks').exists and require('Module:Navbox/Hooks') or {} --------------------------------------------------------------------- -- For templates: {{#invoke:navbox|main|...}} function p.main(frame) local args = p.mergeArgs(frame) return p.build(args, true) end -- For modules: return require('module:navbox').build(args) -- By default this method will skip the arguments sanitizing phase -- (and onSanitizeArgsStart/onSanitizeArgsEnd hooks). -- Set `doParseArgs` to true to do arguments sanitizing. -- If `customConfig` table is provided, it will be merged into default config table (after onLoadConfig()). -- If `customHooks` table is provided, all default hook handles will be overrided, unprovided hooks will be empty. function p.build(args, doParseArgs, customConfig, customHooks) if customHooks then hooks = customHooks end if doParseArgs then args = h.parseArgs(args) end h.runHook('onLoadConfig', config, args) if customConfig then for k,v in pairs(customConfig) do config[k] = v end end --merge default args for k,v in pairs(DEFAULT_ARGS) do if args[k] == nil then args[k] = DEFAULT_ARGS[k] end end h.runHook('onBuildTreeStart', args) local dataTree = h.buildDataTree(args) h.runHook('onBuildTreeEnd', dataTree, args) if type(config.custom_render_handle) == 'function' then return config.custom_render_handle(dataTree, args) else return h.render(dataTree) end end -- merge args from frame and frame:getParent() -- It may be used when creating custom wrapping navbox module. -- -- For example, Module:PillNavbox -- -- local RANGER = require('Module:Navbox') -- local p = {} -- function p.main(frame) -- return RANGER.build(RANGER.mergeArgs(frame), true, { -- default_navbox_class = 'pill', -- use "pill" style by default. -- }) -- end -- return p -- function p.mergeArgs(frame) local inputArgs = {} for k, v in pairs(frame.args) do v = mw.text.trim(tostring(v)) if v ~= '' then inputArgs[k] = v end end for k, v in pairs(frame:getParent().args) do v = mw.text.trim(v) if v ~= '' then inputArgs[k] = v end end return inputArgs end ------------------------------------------------------------------------ -- equivalent to mw.text.split(str, div, true) for non-empty separator, but can be over 60x faster, since the latter is Unicode-aware. -- Original version credit: http://richard.warburton.it. function h.explode(div, str) if (div=='') then return nil end local pos,arr = 0,{} -- for each divider found for st,sp in function() return string.find(str,div,pos,true) end do arr[#arr+1] = string.sub(str,pos,st-1) -- Attach chars left of current divider pos = sp+1 -- Jump past current divider end arr[#arr+1] = string.sub(str,pos) -- Attach chars right of last divider return arr end function h.parseArgs(inputArgs) h.runHook('onSanitizeArgsStart', inputArgs) local args = {} for k, v in pairs(inputArgs) do if type(k) == 'string' then -- all named args have already been trimmed local key = h.normalizeKey(k) args[key] = h.normalizeValue(key, v) else args[k] = mw.text.trim(v) -- keep number-index arguments (for {{navbox|child|...}}) end end h.runHook('onSanitizeArgsEnd', args, inputArgs) return args end -- Normalize the name string of arguments. -- the normalized form is (index:)?name, in which: -- index is number index such as 1, 1.3, 1.2.45, -- name is in lowercase underscore-case, such as group, group_style -- e.g: header_state, 1.3:list_style -- the input argument name can be: -- * camel-case: listStyle, ListStyle -- * space separated: list style -- * prefix+index+postfix?, and can be in camel-case or space/hyphen separated or mixed: list 1 style, list1, list1Style, list1_style -- * index.name: 1.3.list -- * index_name: 1.3_list (Space separated are treated as underscore separated, therefore 1.3 list are vaild too) function h.normalizeKey(s) -- camel-case to lowercase underscore-case s = s:gsub('%l%f[%u]', '%0_') -- listStyle to list_style s = (s:gsub(' ', '_')):lower() -- space to underscore s = s:gsub('%l%f[%d]', '%0_') -- group1* to group_1* s = s:gsub('%d%f[%l]', '%0_') -- *1style to *1_style -- number format x_y_z to x.y.z s = s:gsub('(%d)_%f[%d]', '%1%.') -- move index to the beginning: -- group_1.2_style to 1.2:group_style -- group_1 to 1:group s = s:gsub('^([%l_]+)_([%d%.]+)', '%2:%1') -- support index.name and index_name: -- 1.2.group / 1.2_group to 1.2:group s = s:gsub('^([%d%.]+)[%._]%f[%l]', '%1:') -- now the key should be in normalized form, if the origin key is vaild -- standardize *_css to *_style s = s:gsub('_css$', '_style') -- standardize *collapsible to *state s = s:gsub('collapsible$', 'state') -- standardize all aliases to the canonical name return CANONICAL_NAMES[s] or s end function h.normalizeValue(k, v) k = tostring(k) if k:find('_style$') then v = (v .. ';'):gsub(';;', ';') return v elseif k:find('state$') then return STATES[v] elseif k == 'striped' then return STRIPED[v] elseif k == 'meta' then return not BOOL_FALSE[v] elseif v:sub(1, 2) == '{|' or v:match('^[*:;#]') then -- Applying nowrap to lines in a table does not make sense. -- Add newlines to compensate for trim of x in |parm=x in a template. return '\n' .. v ..'\n' end return v end -- parse arguments, convert them to structured data tree function h.buildDataTree(args) -- parse args to a tree local tree = h.buildTree(args) -- build root navbox data local data = h.buildNavboxData(tree.info) -- Recursively build section tree if tree.children then data.sections = h.buildSections(tree.children, { listClass = h.mergeAttrs(args.list_class, config.default_list_class), listStyle = args.list_style, groupClass = h.mergeAttrs(args.group_class, config.default_group_class), groupStyle = args.group_style, sectionClass = h.mergeAttrs(args.section_class, config.default_section_class), sectionStyle = args.section_style, headerClass = h.mergeAttrs(args.header_class, config.default_header_class), headerStyle = args.header_style, headerState = args.header_state or config.default_header_state, }) end if args[1] == 'child' then data.CHILD_MODE = true end return data end function h.buildSections(list, defaults) local sections = {} local section = nil for k, node in h.orderedPairs(list) do local info = node.info or {} --start a new section if needed if info.header or not section then section = { class = h.mergeAttrs(info.section_class, defaults.sectionClass), style = h.mergeAttrs(info.section_style, defaults.sectionStyle), body = {} } -- Section header if needed. -- If the value of a `|header_n=` is two or more consecutive "-" characters (e.g. --, -----), -- it means start a new section without header, and the new section will be not collapsable. if info.header and not string.match(info.header, '^%-%-+$') then section.header = { content = info.header, class = h.mergeAttrs(info.header_class, defaults.headerClass), style = h.mergeAttrs(info.header_style, defaults.headerStyle), } section.state = info.state or defaults.headerState or 'mw-collapsible' end sections[#sections+1] = section end -- above/below for this section if info.above then section.above = { content = info.above, class= h.mergeAttrs(info.above_class, config.default_above_class), style = info.above_style, } end if info.below then section.below = { content = info.below, class= h.mergeAttrs(info.below_class, config.default_below_class), style = info.below_style, } end -- this group+list row if info.group or info.list or node.children then local row = {} section.body[#section.body+1] = row if info.group then row.group = { content = info.group, class = h.mergeAttrs(info.group_class, defaults.groupClass), style = h.mergeAttrs(info.group_style, defaults.groupStyle), } end if info.list then if string.sub(info.list, 1, NAVBOX_CHILD_INDICATOR_LENGTH) == NAVBOX_CHILD_INDICATOR then -- it is from {{navbox|child| ... }} row.sections = mw.text.jsonDecode(string.sub(info.list, NAVBOX_CHILD_INDICATOR_LENGTH+1)) else row.list = { content = info.list, class = h.mergeAttrs(info.list_class, defaults.listClass), style = h.mergeAttrs(info.list_style, defaults.listStyle), } end end -- sub-nodes, will override {{navbox|child| ... }} if node.children then row.sections = h.buildSections(node.children, defaults) end end end -- flatten if needed: -- If a section has only one list with no content and no corresponding group but has sublists, these sublists will be moved to upper level. for _, sect in ipairs(sections) do if #sect.body == 1 then local node = sect.body[1] if not node.group and not node.list and node.sections and #node.sections == 1 and not node.sections[1].header then sect.body = node.sections[1].body end end end return sections end function h.buildNavboxData(info) local data = { state = info.state or 'mw-collapsible', -- here we need a default value for empty input striped = info.striped, class = h.mergeAttrs(info.navbox_class, config.default_navbox_class), style = info.navbox_style, } -- data for titlebar if info.title or info.meta or data.state ~= '' then data.title = { content = info.title, class = h.mergeAttrs(info.title_class, config.default_title_class), style = info.title_style, } if info.meta then data.metaLinks = { link = info.meta_link, -- will be used as [[$link|$text]] url = info.meta_url, -- will be used as [$url $text], only if there is no data.metaLinks.link text = info.meta_text, --hovertext } if not info.meta_link and not info.meta_url then -- default link target local title = mw.title.new(info.template or mw.getCurrentFrame():getParent():getTitle(), 'Template') if not title then error('Invalid title ' .. info.template) end data.metaLinks.link = title.fullText end if not info.meta_text then local msg = mw.message.new(config.editlink_hover_message_key) data.metaLinks.text = msg:exists() and msg:plain() or 'View or edit this template' end end end -- above/below if info.above then data.above = { content = info.above, class= h.mergeAttrs(info.above_class, config.default_above_class), style = info.above_style, } end if info.below then data.below = { content = info.below, class= h.mergeAttrs(info.below_class, config.default_below_class), style = info.below_style, } end return data end -- parse arguments, convert them into a tree based on their index -- each node on tree is { info = { #data for this node# }, children = {#children nodes#} } function h.buildTree(args, defaults) local tree = { info = {} } local check = function(key, value) local index, name = string.match(key, '^([%d%.]+):(.+)$') -- no number index found, for root node if not index then tree.info[key] = value return end -- filter invalid number index if string.match(index, '^%.') or string.match(index, '%.$') or string.match(index, '%.%.') then return end -- find the node that matches the index in the tree local arr = h.explode('.', index) local node = tree for _, v in ipairs(arr) do v = tonumber(v) if not node.children then node.children = {} end if not node.children[v] then node.children[v] = { info = {} } end node = node.children[v] end node.info[name] = value end for k,v in pairs(args) do check(k, v) end return tree end function h.render(data) -- handle {{navbox|child|...}} syntax if data.CHILD_MODE then return NAVBOX_CHILD_INDICATOR..mw.text.jsonEncode(data.sections) end ----- normal case ----- local out = mw.html.create() -- build navbox container local navbox = out:tag('div') :attr('role', 'navigation'):attr('aria-label', 'Navbox') :addClass(CLASS_PREFIX..'navbox') :addClass(data.class) :addClass(data.striped) :addClass(data.state) :cssText(data.style) --title bar if data.title then local titlebar = navbox:tag('div'):addClass(CLASS_PREFIX..'title') titlebar:tag('div'):addClass('mw-collapsible-toggle-placeholder') if data.metaLinks then titlebar:node(h.renderMetaLinks(data.metaLinks)) end if data.title then titlebar:addClass(data.title.class):tag('div') :addClass(CLASS_PREFIX..'title-text') :addClass(data.title.class) :cssText(data.title.style) :wikitext(data.title.content) end end --above if data.above then navbox:tag('div') :addClass(CLASS_PREFIX..'above mw-collapsible-content') :addClass(data.above.class) :cssText(data.above.style) :wikitext(data.above.content) :attr('id', (not data.title) and mw.uri.anchorEncode(data.above.content) or nil) -- id for aria-labelledby attribute, if no title end -- sections if data.sections then h.renderSections(data.sections, navbox, 0, true) else -- Insert a blank section for completely empty navbox to ensure it behaves correctly when collapsed. if not data.above and not data.below then navbox:tag('div'):addClass(CLASS_PREFIX..'section mw-collapsible-content') end end --below if data.below then navbox:tag('div') :addClass(CLASS_PREFIX..'below mw-collapsible-content') :addClass(data.below.class) :cssText(data.below.style) :wikitext(data.below.content) end return tostring(out)..'[[Category:Pages with navboxes]]' -- suggest to use HIDDENCAT here; will be used for maintenance & gadget imports end function h.renderSections(data, container, level, even) for i,sect in ipairs(data) do --section box local section = container:tag('div') :addClass(CLASS_PREFIX..'section mw-collapsible-content') :addClass(sect.class) :addClass(sect.state) :cssText(sect.style) -- section header if sect.header then section:tag('div') :addClass(CLASS_PREFIX..'header') :addClass(sect.header.class) :cssText(sect.header.style) :tag('div'):addClass('mw-collapsible-toggle-placeholder'):done() :tag('div'):addClass(CLASS_PREFIX..'header-text'):wikitext(sect.header.content) end -- above: if sect.above then section:tag('div') :addClass(CLASS_PREFIX..'above mw-collapsible-content') :addClass(sect.above.class) :cssText(sect.above.style) :wikitext(sect.above.content) end -- body: groups&lists local box = section:tag('div'):addClass(CLASS_PREFIX..'section-body mw-collapsible-content') even = h.renderBody(sect.body, box, level, (level==0) and true or even) -- reset even status each section -- below: if sect.below then section:tag('div') :addClass(CLASS_PREFIX..'below mw-collapsible-content') :addClass(sect.below.class) :cssText(sect.below.style) :wikitext(sect.below.content) end end return even end function h.renderMetaLinks(info) local box = mw.html.create('span'):addClass(CLASS_PREFIX..'meta') local meta = box:tag('span'):addClass('nv nv-view') if info.link then meta:wikitext('[['..info.link..'|') :tag('span'):wikitext(info.text):attr('title', info.text):done() :wikitext(']]') elseif info.url then meta:wikitext('['..info.url..' ') :tag('span'):wikitext(info.text):attr('title', info.text):done() :wikitext(']') end return box end function h.renderBody(info, box, level, even) local count = 0 for _,v in h.orderedPairs(info) do if v.group or v.list or v.sections then count = count + 1 -- row container local row = box:tag('div'):addClass(CLASS_PREFIX..'row') -- group cell if v.group or (v.sections and level > 0 and not v.list) then local groupCell = row:tag('div') :addClass(CLASS_PREFIX..'group level-'..level) :addClass((level > 0) and CLASS_PREFIX..'subgroup' or nil) local groupContentWrap = groupCell:tag('div'):addClass(CLASS_PREFIX..'wrap') if v.group then groupCell:addClass(v.group.class):cssText(v.group.style) groupContentWrap:wikitext(v.group.content) else groupCell:addClass('empty') row:addClass('empty-group-list') end else row:addClass('empty-group') end -- list cell local listCell = row:tag('div'):addClass(CLASS_PREFIX..'listbox') if not v.list and not v.sections then listCell:addClass('empty') row:addClass('empty-list') end if v.list or (v.group and not v.sections) then --listCell:node(h.renderList(v['list'] or '', k, level, args)) even = not even -- flip even/odd status local cell = listCell:tag('div') :addClass(CLASS_PREFIX..'wrap') :addClass(even and CLASS_PREFIX..'even' or CLASS_PREFIX..'odd') if v.list then cell:addClass(v.list.class):cssText(v.list.style) :tag('div'):addClass(CLASS_PREFIX..'list'):wikitext(v.list.content) end end if v.sections then local sublistBox = listCell:tag('div'):addClass(CLASS_PREFIX..'sublist level-'..level) even = h.renderSections(v.sections, sublistBox, level+1, even) end end end if count > 0 then box:css('--count', count) -- for flex-grow end return even end -- pairs, but sort the keys alphabetically function h.orderedPairs(t, f) local a = {} for n in pairs(t) do table.insert(a, n) end table.sort(a, f) local i = 0 -- iterator variable local iter = function () -- iterator function i = i + 1 if a[i] == nil then return nil else return a[i], t[a[i]] end end return iter end -- For cascading parameters, such as style or class, they are merged in exact order (from general to specific). -- Any parameter starting with multiple hyphens(minus signs) will terminate the cascade. -- An example: -- For group_1.1, its style is affected by parameters |group_1.1_style=... , |subgroup_level_1_style=... , and |subgroup_style=... . -- If we have |group_1.1_style= color:red; |subgroup_level_1_style= font-weight: bold; and |subgroup_style= color: green; , -- the style of group_1.1 will be style="color:green; font-weight: bold; color: red;" ; -- if we have |group_1.1_style= -- color:red; |subgroup_level_1_style= font-weight: bold; and |subgroup_style= color: green; , -- the style of group_1.1 will be style="color: red;" only, and the cascade is no longer performed for |subgroup_level_1_style and |subgroup_style. function h.mergeAttrs(...) local trim = mw.text.trim local s = '' for i=1, select('#', ...) do local v = trim(select(i, ...) or '') local str = string.match(v, '^%-%-+(.*)$') if str then s = trim(str..' '..s) break else s = trim(v..' '..s) end end if s == '' then s = nil end return s end function h.runHook(key, ...) if hooks[key] then hooks[key](...) end end ----------------------------------------------- return p 3708af7780e043415ec8ae2dc63d8fc36bfe6e8d 828 13 21 2025-06-12T21:36:28Z ARTIFICER 564804 Importing default loadout Scribunto text/plain local p = {} function p.merge() local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end return args end return p 1d1b2105bd857dcc5e33c8c0a8a780f67cbae72e 828 14 22 2025-06-12T21:36:28Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This is a basic module for processing args. Usage: <syntaxhighlight lang="lua"> local util_args = require('Module:ArgsUtil') local p = {} function p.main(frame) local args = util_args.merge() -- it is not necessary to pass a `frame` object; `merge` will generate its own mw.logObject(args) -- `args` now contains args passed via the template merged with defaults provided directly via the invoke. -- anything the user sent via the template will be given priority. end return p </syntaxhighlight> == Extending this module == By design, {{ml|ArgsUtil}} is shipped with only a single function and no customization available; this simplifies documentation and covers nearly all use cases. An extended version of this module is available at [[support:Module:ArgsUtil|Module:ArgsUtil on the support wiki]] if you want additional functionality; and you can of course feel free to modify this module on your own wiki as needed. 6fc2a23dcff62ac5a222903e46bc56c07b0a2b1f 828 15 23 2025-06-12T21:36:29Z ARTIFICER 564804 Importing default loadout Scribunto text/plain -- This code is adapted from Wikipedia -- For the original, please see: https://en.wikipedia.org/wiki/Module:Template_link_general -- This implements Template:Tlg local getArgs = require('Module:ArgsUtil').merge local p = {} -- Is a string non-empty? local function _ne(s) return s ~= nil and s ~= "" end local nw = mw.text.nowiki local function addTemplate(s) local i, _ = s:find(':', 1, true) if i == nil then return 'Template:' .. s end local ns = s:sub(1, i - 1) if ns == '' or mw.site.namespaces[ns] then return s else return 'Template:' .. s end end local function trimTemplate(s) local needle = 'template:' if s:sub(1, needle:len()):lower() == needle then return s:sub(needle:len() + 1) else return s end end local function linkTitle(args) if _ne(args.nolink) then return args[1] end local titleObj local titlePart = '[[' if args[1] then -- This handles :Page and other NS titleObj = mw.title.new(args[1], 'Template') else titleObj = mw.title.getCurrentTitle() end titlePart = titlePart .. (titleObj ~= nil and titleObj.fullText or addTemplate(args[1])) local textPart = args.alttext if not _ne(textPart) then if titleObj ~= nil then textPart = titleObj:inNamespace("Template") and args[1] or titleObj.fullText else -- redlink textPart = args[1] end end if _ne(args.subst) then -- HACK: the ns thing above is probably broken textPart = 'subst:' .. textPart end if _ne(args.brace) then textPart = nw('{{') .. textPart .. nw('}}') elseif _ne(args.braceinside) then textPart = nw('{') .. textPart .. nw('}') end titlePart = titlePart .. '|' .. textPart .. ']]' if _ne(args.braceinside) then titlePart = nw('{') .. titlePart .. nw('}') end return titlePart end function p.main(frame) local args = getArgs() return p._main(args) end function p._main(args) local bold = _ne(args.bold) or _ne(args.boldlink) or _ne(args.boldname) local italic = _ne(args.italic) or _ne(args.italics) local dontBrace = _ne(args.brace) or _ne(args.braceinside) local code = _ne(args.code) or _ne(args.tt) local show_result = _ne(args._show_result) local expand = _ne(args._expand) -- Build the link part local titlePart = linkTitle(args) if bold then titlePart = "'''" .. titlePart .. "'''" end if _ne(args.nowrapname) then titlePart = '<span class="nowrap">' .. titlePart .. '</span>' end -- Build the arguments local textPart = "" local textPartBuffer = "&#124;" local codeArguments = {} local codeArgumentsString = "" local i = 2 local j = 1 while args[i] do local val = args[i] if val ~= "" then if _ne(args.nowiki) then -- Unstrip nowiki tags first because calling nw on something that already contains nowiki tags will -- mangle the nowiki strip marker and result in literal UNIQ...QINU showing up val = nw(mw.text.unstripNoWiki(val)) end local k, v = string.match(val, "(.*)=(.*)") if not k then codeArguments[j] = val j = j + 1 else codeArguments[k] = v end codeArgumentsString = codeArgumentsString .. textPartBuffer .. val if italic then val = '<span style="font-style:italic;">' .. val .. '</span>' end textPart = textPart .. textPartBuffer .. val end i = i + 1 end -- final wrap local ret = titlePart .. textPart if not dontBrace then ret = nw('{{') .. ret .. nw('}}') end if _ne(args.a) then ret = nw('*') .. '&nbsp;' .. ret end if _ne(args.kbd) then ret = '<kbd>' .. ret .. '</kbd>' end if code then ret = '<code>' .. ret .. '</code>' elseif _ne(args.plaincode) then ret = '<code style="border:none;background:transparent;">' .. ret .. '</code>' end if _ne(args.nowrap) then ret = '<span class="nowrap">' .. ret .. '</span>' end --[[ Wrap as html?? local span = mw.html.create('span') span:wikitext(ret) --]] if _ne(args.debug) then ret = ret .. '\n<pre>' .. mw.text.encode(mw.dumpObject(args)) .. '</pre>' end if show_result then local result = mw.getCurrentFrame():expandTemplate{title = addTemplate(args[1]), args = codeArguments} ret = ret .. " → " .. result end if expand then local query = mw.text.encode('{{' .. addTemplate(args[1]) .. string.gsub(codeArgumentsString, textPartBuffer, "|") .. '}}') local url = mw.uri.fullUrl('special:ExpandTemplates', 'wpInput=' .. query) mw.log() ret = ret .. " [" .. tostring(url) .. "]" end return ret end return p 45d40a4bff9a1d0eb4274f56fb2f17849aa68728 828 16 24 2025-06-12T21:36:29Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{From Wikipedia|Module:Template link general}} 1a395265ccbd055518c1d14b52362cc148b89c81 828 17 25 2025-06-12T21:36:30Z ARTIFICER 564804 Importing default loadout Scribunto text/plain local p = {} local h = {} -- merge args from frame and frame:getParent() function h.mergeArgs(frame) local inputArgs = {} for k, v in pairs(frame.args) do v = mw.text.trim(tostring(v)) if v ~= '' then inputArgs[k] = v end end for k, v in pairs(frame:getParent().args) do v = mw.text.trim(v) if v ~= '' then inputArgs[k] = v end end return inputArgs end -------------------------------------------------------------------- function p.main(frame) local args = h.mergeArgs(frame) -- use the rootpage parameter if given, otherwise use the current page name local rootpage = args['rootpage'] or mw.title.getCurrentTitle().fullText local layouts = {'desktop', 'tablet', 'mobile'} for _,layout in pairs(layouts) do -- collapse consecutive line breaks and spaces, then trim -- we need to check for permutations of " \n" because trim can't clean that up if it's in the middle of the string args[layout] = mw.text.trim(args[layout]):gsub("\n\n+", "\n"):gsub(" +", " "):gsub(" \n", "\n"):gsub("\n ", "\n") end -- parse the arguments into CSS variables that contain legal syntax for grid-template-areas local desktop = "--main-page-layout--desktop: '" .. string.gsub(args['desktop'], '\n', "' '") .. "';" local tablet = "--main-page-layout--tablet: '" .. string.gsub(args['tablet' ], '\n', "' '") .. "';" local mobile = "--main-page-layout--mobile: '" .. string.gsub(args['mobile' ], '\n', "' '") .. "';" -- grid-template-columns overrides local desktop_cols = mw.text.trim(string.gsub(args['desktop-columns'] or '', ';', '')) local tablet_cols = mw.text.trim(string.gsub(args[ 'tablet-columns'] or '', ';', '')) local mobile_cols = mw.text.trim(string.gsub(args[ 'mobile-columns'] or '', ';', '')) -- set the variables used by grid-template-columns if desktop_cols ~= '' then desktop = desktop .. '--main-page-layout-columns--desktop: '.. desktop_cols ..';' end if tablet_cols ~= '' then tablet = tablet .. '--main-page-layout-columns--tablet: '.. tablet_cols ..';' end if mobile_cols ~= '' then mobile = mobile .. '--main-page-layout-columns--mobile: '.. mobile_cols ..';' end local boxes = {} -- list of all boxes as a simple list, used to set the order of appearance local seen_boxes = {} -- list of all boxes as a k:v pair, used to filter out duplicates local boxes_in_layout = {} -- list of layouts, then list of all boxes in that layout local missing_boxes = {} -- list of layouts, then list of boxes that are *not* included in that layout -- add every box referenced in the layout rules once function parse_layout(layout) for _,name in pairs(mw.text.split(mw.text.trim(args[layout]), '%s')) do if not seen_boxes[name] then boxes[#boxes+1] = name -- table with numerical keys for set html order seen_boxes[name] = true end boxes_in_layout[layout][name] = true end end -- loop through the layouts the first time to set up the box lists for _,layout in pairs(layouts) do boxes_in_layout[layout] = {} missing_boxes[layout] = {} parse_layout(layout) end -- then loop through the layouts a second time because we need to compare those completed lists to check for missing boxes for _,layout in pairs(layouts) do for _,name in pairs(boxes) do if boxes_in_layout[layout][name] ~= true then mw.addWarning( 'WARNING: the \"' .. name .. '\" box is missing in the ' .. layout .. ' layout. If this is intentional, you can ignore this warning.') missing_boxes[layout][name] = true end end end -- start our mp-container wrapper, and add our variables from earlier as inline styles to declare them -- the rootpage is added to the dataset so it's easily accessible by mp-edit-links.js and it doesn't need to make its own API call local output = mw.html.create() local container = output:tag('div'):attr('id', 'mp-container'):cssText(desktop .. tablet .. mobile):attr('data-rootpage', rootpage) -- loop through boxes and add the relevant main page subpages into the output for _,box in pairs(boxes) do mw.ext.VariablesLua.vardefine('imp-variable-id', box) -- using a vardefine lets us pass this directly to the template without going through the user-facing box local pre_vardefine = '' for _,layout in pairs(layouts) do pre_vardefine = pre_vardefine .. (missing_boxes[layout][box] and '0' or '1') .. ',' end -- formatted as a psuedo-bitmask to reduce variable usage, "<display-on-destop>, <display-on-tablet>, <display-on-mobile>," each value is 0 or 1 (trailing comma is insignificant) -- expected to be used with #explode in the template receiving the variable mw.ext.VariablesLua.vardefine('imp-variable-display-box', pre_vardefine) if mw.title.new(rootpage .. '/' .. box).exists then container:wikitext(frame:expandTemplate{ title = ':' .. rootpage .. '/' .. box}) else container:wikitext(frame:expandTemplate{ title = 'Main page box/missing', args = { box, rootpage = rootpage}}) -- See [[Template:Main page box/missing]] end end return output end return p c6237f93b472a243ae7393913c285b3ae62c08f5 828 18 26 2025-06-12T21:36:30Z ARTIFICER 564804 Importing default loadout Scribunto text/plain -- as of Module:Navbox version 1.2.2 local p = {} --------------------------------------------------- -- Runs before RANGER does args sanitizing -- `inputArgs` is the merged input arguments from the template (frame.args + frame:getParent().args) function p.onSanitizeArgsStart(inputArgs) end -- Runs after RANGER does args sanitizing -- `args` parameter is the sanitized arguments table with normalized keys (in lowercase underscore-case with canonical names) and normalized values. function p.onSanitizeArgsEnd(args, inputArgs) end -- Runs when RANGER loads config table (after onSanitizeArgsEnd and before onBuildTreeStart) -- `config` parameter is the default config table. -- `args` parameter is the sanitized arguments table (has not yet merged the DEFAUT_ARGS table). function p.onLoadConfig(config, args) end -- Runs before RANGER converts sanitized arguments table to structured data tree -- `args` parameter is the sanitized arguments table that has the DEFAUT_ARGS merged. function p.onBuildTreeStart(args) end -- Runs after RANGER converts sanitized arguments table to structured data tree -- `tree` parameter is the structured data. -- `args` parameter is the sanitized arguments table. function p.onBuildTreeEnd(tree, args) end --------------------------------------------------- return p 54e0c53295a318f2b18e70dc64e5b09867e03128 828 19 27 2025-06-12T21:36:30Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This module is used by [[Template:Navbox]]. 87d5c562165cd75b963e03aa428c80413bacff30 10 20 28 2025-06-12T21:36:31Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <noinclude>This page was automatically created. It serves as an anchor page for all '''[[Special:WhatLinksHere/Template:Extension_DPL|invocations]]''' of [https://www.mediawiki.org/wiki/Special:MyLanguage/Extension:DynamicPageList3 Extension:DynamicPageList3].</noinclude> 087ffd4625ae7b1fea3436ec3f929e82ee739d29 10 21 29 2025-06-12T21:36:32Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><div class="documentation"><!-- --><div class="documentation-header"><!-- -->[[File:Template-{{#ifexist:{{#vardefineecho:docpage|{{{1|Template:{{#replace:{{{1|{{PAGENAME}}/doc}}}|Template:|}}}}}<!-- end vde -->}}|{{#if:{{{baddoc|}}}|bad}}|no}}info.svg|50px|link=]] <!-- --><span style="font-weight: bold; font-size: 125%; margin-right: 10px;">Documentation</span> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!--nothing-->|<!-- -->{{#ifexist:{{#var:docpage}}|<!-- --><span style="font-size: 90%; font-style: italic;"><!-- -->[{{fullurl:{{#var:docpage}}|action=edit}} Edit] this documentation at [{{fullurl:{{#var:docpage}}|redirect=no}} {{FULLPAGENAMEE:{{#var:docpage}}}}].<!-- --></span><!-- -->}}<!-- -->}}<!-- --><div style="text-align: right; margin-left: 5px;"><!-- -->([{{fullurl:{{FULLPAGENAMEE}}/doc|action=edit}} edit] • [{{fullurl:{{FULLPAGENAMEE}}/doc|action=history}} history] • [{{fullurl:{{FULLPAGENAMEE}}|action=purge}} purge])<!-- --></div><!-- --></div><!-- <!-- leave line break here --> {{#if:{{{lua|}}}|{{UsesLua|{{{lua}}} }} }} <!-- documentation text/error box begins here --> <div style="border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: 0.5em auto 1em; padding: 0.8em 1.2em; background: var(--wiki-content-background-color--secondary);"> <!-- -->{{#ifexist:{{#var:docpage}}|<!-- If there is documentation --> {{ {{#var:docpage}} }} <!-- Else -->|<!-- -->No documentation subpage exists yet for this template. [{{fullurl:{{FULLPAGENAMEE:Template:{{{1|{{PAGENAME}}}}}}}/doc|action=edit&preload=Template:Documentation/preload}} Create one now].<!-- -->[[Category:Templates with no documentation]]<!-- -->}}<!-- leave line break here --> <!-- documentation text/error box ends here --> </div> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!-- -->{{#ifeq:{{BASEPAGENAME}}|Doc|<!--nothing-->|<!-- only if page is not Template:Documentation -->This is the documentation page, it should be transcluded into the main template page. See {{tlx|doc}} for more information. <!-- -->[[Category:Template documentation]]<!-- -->}}<!-- -->}}<!-- --></div><!-- --></includeonly><!-- --><noinclude>{{Documentation}} [[Category:Documentation templates| ]] </noinclude> c4c3117e700d89854599fb352f60792ed2165be0 10 22 30 2025-06-12T21:36:32Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <noinclude>[[Category:Documentation templates]]</noinclude>{{#ifeq:{{int:scribunto-doc-page-name|{{ROOTPAGENAME}}}}|{{FULLPAGENAME}}||<div class="luadoc">Edit the [[{{int:scribunto-doc-page-name|{{ROOTPAGENAME}}}}|documentation or categories]] for this module. {{#ifexist:{{FULLPAGENAME}}/i18n|This module has an [[/i18n|i18n file]].}}</div>}} 37de49949dfa0f16975ff4e9850b4573ec388cb6 10 23 31 2025-06-12T21:36:32Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- Variables -->{{#vardefine:link|{{{link|{{{1|}}}}}}}}<!-- Image-->{{#if:{{{image|}}}|[[File:{{#replace:{{{image|}}}|File:}}|{{{size|42px}}}|link={{#var:link}}{{#if:{{{altText|}}}|{{!}}alt={{{altText|}}}}}|class={{{imageClass|}}}]]}}<!-- Link below the image -->{{#if:{{{1|}}}|<!-- If it's an external link, use external link syntax -->{{#if:{{#pos:{{{link|}}}|http}}|[{{{link|}}} {{{1|}}}]|<!-- Otherwise use normal syntax the ifeq, pos, sub combo is filtering out a leading :, so that we can add our own without doubling up, allowing easy category linking -->[[:{{#ifeq:{{#pos:{{#var:link}}|:}}|0|{{#sub:{{#var:link}}|1}}|{{#var:link}}}}|{{{1|}}}]]}} }}</includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> be5325327a3e6c626069e9f98a5dd2b9f283042c 10 24 32 2025-06-12T21:36:33Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This creates one of the stylized and formatted links on the [[{{MediaWiki:Mainpage}}|main page]]. == Usage == Groups of this template should be wrapped inside of <code><nowiki><div class="mp-links"></div></nowiki></code> and each entry should be a separate line in an [[wikipedia:Help:Lists#Basically|unordered list]]. This div can be given one of the classes <code>columns-x</code> where x is a number from 1 to 8, and the links will line up in that many columns if space permits (default is 3). The div can also optionally be given the class <code>stretch</code> and it will stretch the list vertically to fill empty space. See [[Mediawiki:Common.css]] for the full definitions of these classes and styling for this template. ===Parameters=== <templatedata> { "description": { "en": "Creates stylized and formatted links on the main page." }, "format": "inline", "params": { "1": { "label": { "en": "Text" }, "description": { "en": "The text to display. If the link parameter is not given, this will also be the link target." }, "example": "Stuff", "type": "string", "suggested": true }, "link": { "label": { "en": "Link" }, "description": { "en": "The target page for the link, if different than the display text." }, "required": false, "example": "Main Page", "type": "wiki-page-name" }, "image": { "label": { "en": "Image" }, "description": { "en": "An image to display with the link." }, "required": false, "suggested": true, "type": "wiki-file-name" }, "size": { "label": { "en": "Image size" }, "description": { "en": "The size of the image, in px." }, "required": false, "default": "42px", "type": "string" }, "imageClass": { "label": "Image class", "description": "A class to give directly to the image", "example": "invert-on-dark", "type": "string", "suggestedvalues": [ "invert-on-dark", "invert-on-light" ] }, "altText": { "label": "Alt text", "description": "Alt text to describe the image", "example": "Wiki logo", "type": "string", "suggested": true } }, "paramOrder": [ "1", "link", "image", "size", "imageClass", "altText" ] } </templatedata> ==Examples== <pre> <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> </pre> Produces: <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> <noinclude> [[Category:Template documentation]] </noinclude> 0df5d36904353428acb21882bd8923560f77a142 10 25 33 2025-06-12T21:36:33Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Documentation]] 041222999c2c4765a4663432058f50686fb65f40 10 26 34 2025-06-12T21:36:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Lua logo.svg | title= This template uses one or more modules written in the Lua programming language. | message = For more information, see [[wikipedia:Wikipedia:Lua|Wikipedia:Lua]] or the [[mw:Extension:Scribunto/Lua reference manual|Lua reference manual on mediawiki.org]]. Modules used include: {{#if:{{{1|}}}|{{#arraymap:{{{1|}}}|,|%s|'''[[Module:%s|%s]]'''}}|''None provided''}}. | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc|Template:Ambox/doc}}</noinclude> 1930c9b36136a5562cfaf7584f811d62b114a58a 10 27 35 2025-06-12T21:36:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><div class="ambox {{{class|}}} {{#ifeq:{{lc:{{{tiny|}}}}}|yes|tiny}}"<!-- --> style="{{#if:{{{color|}}}|--ambox-color: {{{color|}}};<!-- /if -->}}"><!-- --><div class="ambox-icon metadata <!-- the metadata class stops it from showing in MediaViewer -->">[[File:{{{icon|Ambox banner content.svg}}}{{!}}{{#ifeq:{{lc:{{{tiny|}}}}}|yes|48x20px|48x48px}}|alt=|link=]]</div><!-- --><div class="ambox-content"><!-- start ambox content -->{{#if: {{{title|}}} | <p class="ambox-title">{{{title}}}</p> }}<!-- --><p class="ambox-text">{{{message|No text provided.}}}{{#if: {{{date|}}} |<nowiki> </nowiki>(Message added: {{{date}}}) }}</p><!-- --></div><!-- end ambox content --></div><!-- end ambox --></includeonly><noinclude> {{doc}} [[Category:Notice templates]]</noinclude> 8aaad422c212cbd451862c241845af0d62eddbd5 10 28 36 2025-06-12T21:36:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{<noinclude>{{documentation}}</noinclude> a506ba66cf7c806baae7faecb221b3a946721f6a 10 29 37 2025-06-12T21:36:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Tl]] af3906f239c45d791753d3170c656eddd6d1af5f 10 30 38 2025-06-12T21:36:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#invoke:Template link|main|code=on}}</includeonly><noinclude> {{Documentation}} </noinclude> 1c13b1daaf7b7e8ce1e45cc03b4baf31c09bc6cd 10 31 39 2025-06-12T21:36:36Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{From Wikipedia|Module:Template link general,Template:Tlx}} {{Uses Lua|Template link}} This template returns an exemplaric use of a template while linking to the template description page, if the template exists. == Usage == <pre> {{tl|<Template name>}} {{tl|<Template name>|<Template parameters>}} </pre> ; ''unnamed parameter'' 1 : Template name (without <code>Template:</code> prefix) ; ''unnamed parameter'' 2 - 9 : Optional. Template parameters ; nl : Optional flag to display an un-linked template usage. == Examples == : <code><nowiki>{{tl|stub}}</nowiki></code> returns {{tl|stub}} : <code><nowiki>{{tl|stub|1}}</nowiki></code> returns {{tl|stub|1}} : <code><nowiki>{{tl|stub|1|2|nl{{=}}y}}</nowiki></code> returns {{tl|stub|1|2|nl{{=}}y}} : <code><nowiki>{{tl|for|page|t1{{=}}alt text}}</nowiki></code> returns {{tl|for|page|t1{{=}}alt text}} == See also == <includeonly> [[Category:Formatting templates]] </includeonly><noinclude>[[Category:Template documentation]]</noinclude> 7cb4f0fa749ef8a18a48c4b5816357a225f4acee 10 32 40 2025-06-12T21:36:37Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <span class="nowrap">{{{1}}}</span><noinclude> {{documentation}} </noinclude> 8817bafce418a08a72f3425283fc03d04a2d8d44 10 33 41 2025-06-12T21:36:37Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki }}<noinclude> {{documentation}} </noinclude> 85ca77d4d6ff71d8e6396ebd798f87fa7f45dc02 10 34 42 2025-06-12T21:36:37Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 35 43 2025-06-12T21:36:38Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Nowrap]] 269180d5083536bbbf72d889477805cfde7aac9e 10 36 44 2025-06-12T21:36:38Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <span style{{=}}"font-weight:normal; font-style:normal">{{{1}}}</span><noinclude> {{documentation}} </noinclude> f1d74e033cde1ce3b2efdc98b78fb863b8524fcf 10 37 45 2025-06-12T21:36:38Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- ! scope="col" style="width:7.0em;" | {{no wrap|Template call}}<br>{{normal|('''m''' for magic word)}} ! scope="col" style="width:5.75em;" | {{no wrap|Output}}&nbsp;{{normal|(delayed interpretation as wikimarkup)}} ! scope="col" style="width:9.0em;" | {{no wrap|HTML alternative}} {{normal|(never interpreted as wikimarkup)}} ! Why you might want to use this |- style="vertical-align:top" | <code><nowiki>{{!}}</nowiki></code> '''(m)''' | <nowiki>|</nowiki> | &amp;#124; or {{tl|pipe}} | Displaying pipe characters inside of a parser function |- style="vertical-align:top" | <code><nowiki>{{=}}</nowiki></code> '''(m)''' | <nowiki>=</nowiki> | &amp;#61; | Displaying equal signs inside of unnamed parameters (e.g. <code><nowiki>{{MyTemplate|1+1=2}}</nowiki></code> will assign <code>2</code> to <code><nowiki>{{{1+1|}}}</nowiki></code>; <code><nowiki>{{MyTemplate|1+1{{=}}2}}</nowiki></code> will do what you want) |- style="vertical-align:top" | {{tlx|!!}} | <nowiki>||</nowiki> | &amp;#124;&amp;#124; | Displaying a break between two table cells inside of a parser function |- style="vertical-align:top" | {{tlx|!(}} | {{!(}} | &amp;#91; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|)!}} | {{)!}} | &amp;#93; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|!((}} | {{!((}} | &amp;#91;&amp;#91; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|))!}} | {{))!}} | &amp;#93;&amp;#93; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|(}} | {{(}} | &amp;#123; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|)}} | {{)}} | &amp;#125; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|((}} | {{((}} | &amp;#123;&amp;#123; | Displaying open braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|))}} | {{))}} | &amp;#125;&amp;#125; | Displaying closed braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|(((}} | {{(((}} | &amp;#123;&amp;#123;&amp;#123; | Displaying a template parameter's open curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|)))}} | {{)))}} | &amp;#125;&amp;#125;&amp;#125; | Displaying a template parameter's closed curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|(!}} | <nowiki>{|</nowiki> | &amp;#123;&amp;#124; | Starting a table inside of a parser function |- style="vertical-align:top" | {{tlx|!-}} | <nowiki>|-</nowiki> | &amp;#124;&amp;#45; | Starting a new table row inside of a parser function |- style="vertical-align:top" | {{tlx|!)}} | <nowiki>|}</nowiki> | &amp;#124;&amp;#125; | Closing a table inside of a parser function |}<includeonly> [[Category:Formatting templates]] </includeonly><noinclude>[[Category:Template documentation]]</noinclude> 9e1eb11bc0644d97b4cc9bc4445c3f0bacdd339d 10 38 46 2025-06-12T21:36:39Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [<noinclude> {{documentation}}</noinclude> 1b058774deae9a7e511a0486a04647d6a3b9af62 10 39 47 2025-06-12T21:36:40Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 40 48 2025-06-12T21:36:40Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki ]<noinclude> {{documentation}}</noinclude> 016897dfd1af3b146bed2b47e7aa58c0bbf6f23d 10 41 49 2025-06-12T21:36:40Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 42 50 2025-06-12T21:36:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[<noinclude> {{documentation}}</noinclude> a331374acf15177afbb3ffc0ec7bd5ada14c582e 10 43 51 2025-06-12T21:36:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 44 52 2025-06-12T21:36:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki ]]<noinclude> {{documentation}}</noinclude> 3d84066ce45d0c1fca0bb04608a4e73c6ea54324 10 45 53 2025-06-12T21:36:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 46 54 2025-06-12T21:36:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#invoke:Navbox|main}}</includeonly><noinclude>[[Category:Navigation templates]] {{documentation}}</noinclude> 11355a4514de8aa6c0ae686240591d267101c58c 10 47 55 2025-06-12T21:36:43Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{no direct use}} {{UsesLua|Navbox}} This template is designed to set up navigational templates relatively quickly with one or more lists of links. We highly recommend using this template for standardizing navigational templates and ease of use, especially for mobile devices. See [[support:RANGER navboxes|the support wiki]] for more information, including installation steps and further examples. == Basic example == The following example demonstrates the core functionality of this template: the title text, one standard link group, and one link group that contains two sub-groups. The rows are striped for easier readability. {{Navbox | title = Items | striped = even | group1 = Consumables | list1 = * Health Potion * Mana Potion | group2 = Weapons | group2.1 = Swords | list2.1 = * Wooden Sword * Rusted Sword * Steel Sword | group2.2 = Bows | list2.2 = * Shortbow * Crossbow * Longbow }} <syntaxhighlight lang="wikitext" style="overflow: auto;"> {{Navbox | template = <template_title> <!-- Required. e.g. `|template=Items` for template:Items --> | title = Items | striped = even | group1 = Consumables | list1 = * Health Potion * Mana Potion | group2 = Weapons | group2.1 = Swords | list2.1 = * Wooden Sword * Rusted Sword * Steel Sword | group2.2 = Bows | list2.2 = * Shortbow * Crossbow * Longbow }} </syntaxhighlight> == Parameters == === Main === The following parameters modify the navbox as a whole. {| class="wikitable" ! Parameter ! Description |- ! <code>template</code><br><code>name</code> | ('''Required''') Title of the template that the edit icon links to. e.g. <code>Items</code> for template:Items. |- ! <code>title</code> | Text that appears at the top of the navbox. |- ! <code>state</code><br><code>collapsible</code> | Controls if a navbox should be expanded or collapsed when the page loads. This only affects the whole navbox; if [[#Sections|sections]] are used, they are treated differently. * <code>expanded</code> ('''default''') - the navbox will start open and readers can collapse it. * <code>collapsed</code> - the navbox will start closed and readers can expand it. * <code>off</code>, <code>no</code>, or <code>plain</code> - the navbox will start open and cannot be collapsed. Advanced users can modify this on a page-by-page basis; see [[support:RANGER navboxes#Controlling the collapsible|the support wiki]] for more information. |- ! <code>editlinks</code> | Controls if an edit icon should be displayed at the top-left of the navbox, making it easier for users to interact with the template itself. * unset ('''default''') - displays the edit icon * <code>off</code> or <code>no</code> - hides the edit icon |- ! <code>above</code> | Text that appears above all list groups, directly below the title. |- ! <code>below</code> | Text that appears below all list groups, at the bottom of the navbox. |- ! <code>striped</code><br><code>evenodd</code> | Controls if the navbox rows should have zebra striping on even or odd rows, making it easier for users to distinguish two rows apart from each other. If [[#Sections|sections]] are used, each section resets the even/odd counter. *unset ('''default''') - all rows have the same background *<code>y</code>, <code>yes</code>, <code>on</code>, <code>striped</code>, or <code>even</code> - even-numbered rows are highlighted *<code>swap</code> or <code>odd</code> - odd-numbered rows are highlighted |} === Sections === The following parameters define sections within the navbox with their own titles. {| class="wikitable" ! Parameter ! Description |- ! <code>header''n''</code> | Text that appears at the top of the section, where ''n'' is any positive integer. If the value is set to two or more <code>-</code> (e.g. <code>--</code>, <code>-----</code>, etc.) the new section will have no header bar and cannot be collapsed. All groups and lists that are ''n'' or higher will appear in this section unless there is a higher <code>header''n''</code> later in the template. For example, if a navbox defines <code>header1</code> and <code>header4</code>, the first section will include <code>list1</code>, <code>list2</code>, and <code>list3</code> (and any of their sub-lists), while the second section will include all remaining lists starting at <code>list4</code> and their sub-lists. |- ! <code>header_state</code><br><code>state''n''</code> | <code>header_state</code> controls if all sections, by default, should be expanded or collapsed when the page loads. <code>state''n''</code> overrides <code>header_state</code> for the specific section defined by <code>header''n''</code> (where ''n'' is a matching integer). * <code>expanded</code> ('''default''') - the section will start open and readers can collapse it. * <code>collapsed</code> - the section will start closed and readers can expand it. * <code>off</code> or <code>plain</code> - the section will start open and cannot be collapsed. Advanced users can modify these on a page-by-page basis; see [[support:RANGER navboxes#Controlling the collapsible|the support wiki]] for more information. Both parameters have no effect on sections with headers set to two or more <code>-</code>, which are always expanded and cannot be collapsed. |} === List groups === The following parameters define the list groups. {| class="wikitable" ! Parameter ! Description |- ! <code>group''n''</code> | Text label for a list, which appears on the left on desktop or at the top on mobile, where ''n'' is any positive integer. This parameter is optional; if a <code>list''n''</code> does not have a matching <code>group''n''</code>, the list will take the full width on desktop. |- ! <code>list''n''</code> | A wikitext list, where ''n'' is any positive integer. |- ! <code>group''n''.''x''</code><br><code>group''n''.''x''.''y''</code><br>etc. | Text label for sub-lists that appear under <code>group''n''</code>, <code>group''n''.''x''</code>, etc. |- ! <code>list''n''.''x''</code><br><code>list''n''.''x''.''y''</code><br>etc. | Wikitext sub-lists. |} === Styling === The following parameters add inline styling or your custom CSS classes to specific elements of the navbox. To assist with text alignment, three default classes are available: <code>align-left</code>, <code>align-center</code>, and <code>align-right</code>. {| class="wikitable" ! Parameter ! Description |- ! <code>navbox_style</code><br><code>navbox_class</code> | Modifies the parent navbox element; <code>class</code> can be used as a shorthand for <code>navbox_class</code> Two default classes are available: *<code>pill</code> changes the links to pill-styled rather than dot-separated *<code>pill-mobile</code> only changes the links to pill-styled on mobile devices |- ! <code>title_style</code><br><code>title_class</code> | Modifies the title bar |- ! <code>above_style</code><br><code>above_class</code> | Modifies the <code>above</code> text row |- ! <code>below_style</code><br><code>below_class</code> | Modifies the <code>below</code> text row |- ! <code>header_style</code><br><code>header_class</code> | Modifies all section headers (''not'' the title bar) |- ! <code>header''n''_style</code><br><code>header''n''_class</code> | Modifies the specific section header ''n'' |- ! <code>section''n''_style</code><br><code>section''n''_class</code> | Modifies the container holding the section defined by a matching <code>header''n''</code> |- ! <code>group_style</code><br><code>group_class</code> | Modifies all base groups (<code>group''n''</code>), but ''not'' any subgroups (<code>group''n''.''x''</code>, etc.) |- ! <code>subgroup_style</code><br><code>subgroup_class</code> | Modifies all subgroups at all levels (<code>group''n''.''x''</code>, <code>group''n''.''x''.''y''</code>, etc.) |- ! <code>group''A''_style</code><br><code>group''A''_class</code> | Modifies the specific group ''A'', where ''A'' is any ''n'', ''n''.''x'', ''n''.''x''.''y'', etc. |- ! <code>list_style</code><br><code>list_class</code> | Modifies all lists. Note, in this context, "list" refers to the container of a <code>list''n''</code> parameter, not a <code>ul</code> or <code>ol</code> element inside the parameter |- ! <code>list''A''_style</code><br><code>list''A''_class</code> | Modifies the specific list ''A'', where ''A'' is any ''n'', ''n''.''x'', ''n''.''x''.''y'', etc. |} <noinclude>[[Category:Template documentation]]</noinclude> e35c990efd00644e63b9735d72ff65818357a1fb 10 48 56 2025-06-12T21:36:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {<noinclude> {{documentation}}</noinclude> 490a0c9c85eff213addd7272fe40f8627a637c75 10 49 57 2025-06-12T21:36:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 50 58 2025-06-12T21:36:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki }<noinclude> {{documentation}}</noinclude> 3bf19eb36f7371f1b4b61b8efbba67dfb0e8cfd4 10 51 59 2025-06-12T21:36:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 52 60 2025-06-12T21:36:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{{<noinclude> {{documentation}}</noinclude> fa33084b57c1f33c82290de279827b973ab2fba8 10 53 61 2025-06-12T21:36:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 54 62 2025-06-12T21:36:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki }}}<noinclude> {{documentation}}</noinclude> 585d94f6fe636b77087dc0d06bfbe6cb69b29987 10 55 63 2025-06-12T21:36:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 56 64 2025-06-12T21:36:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Use {{tl|documentation}} inside of the <code><nowiki><noinclude></noinclude></nowiki></code> section on your template. Then create your template at the <code>/doc</code> subpage of your template. <noinclude>[[Category:Template documentation]]</noinclude> 055b0481a1967951c59f15a09b92767c90baa8dd 10 57 65 2025-06-12T21:36:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 4ed8a6372d14a167dd9d26f1ae865b1593b76604 66 65 2025-06-12T21:36:48Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-NC-ND]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 4ed8a6372d14a167dd9d26f1ae865b1593b76604 10 58 67 2025-06-12T21:36:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 1e471ba76ef084e99bff87e9356d439d400f73de 68 67 2025-06-12T21:36:49Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-SA]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 1e471ba76ef084e99bff87e9356d439d400f73de 10 59 69 2025-06-12T21:36:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly><noinclude> This template currently looks like: {{License/fairuse}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 3662b685c4d9fa43d4f9342fae34b2f43ba925ef 70 69 2025-06-12T21:36:49Z ARTIFICER 564804 Protected "[[Template:License/fairuse]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly><noinclude> This template currently looks like: {{License/fairuse}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 3662b685c4d9fa43d4f9342fae34b2f43ba925ef 10 60 71 2025-06-12T21:36:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly><noinclude>{{documentation}}</noinclude> 4b84fc940507f8fccb9c60b7f70b5a800a62fe59 72 71 2025-06-12T21:36:50Z ARTIFICER 564804 Protected "[[Template:License]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly><noinclude>{{documentation}}</noinclude> 4b84fc940507f8fccb9c60b7f70b5a800a62fe59 10 61 73 2025-06-12T21:36:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly><noinclude> This template currently looks like: {{License/CC-PD}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 23b76ae521833f5a34f0bf73426a53aad8fa9923 74 73 2025-06-12T21:36:50Z ARTIFICER 564804 Protected "[[Template:License/CC-PD]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly><noinclude> This template currently looks like: {{License/CC-PD}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 23b76ae521833f5a34f0bf73426a53aad8fa9923 10 62 75 2025-06-12T21:36:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly><noinclude> This template currently looks like: {{License/CC-SRR}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 1ce36d04e501144e6a089ff194fee2b82732e85a 76 75 2025-06-12T21:36:51Z ARTIFICER 564804 Protected "[[Template:License/CC-SRR]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly><noinclude> This template currently looks like: {{License/CC-SRR}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 1ce36d04e501144e6a089ff194fee2b82732e85a 10 63 77 2025-06-12T21:36:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49f4317b802ef04c92f4edc474581035768c252e 78 77 2025-06-12T21:36:52Z ARTIFICER 564804 Protected "[[Template:License/CC-BY]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49f4317b802ef04c92f4edc474581035768c252e 10 64 79 2025-06-12T21:36:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> c77af748cb3aab2fce9bfd947149cb3e1ef0a3f0 80 79 2025-06-12T21:36:53Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-ND]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> c77af748cb3aab2fce9bfd947149cb3e1ef0a3f0 10 65 81 2025-06-12T21:36:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:rightsholder|<!-- *************************************** *************************************** Step 1/2 [required] Enter the name of the rightsholder, optionally with a link. Example without link: indie.io Example with a URL: [https://www.indie.io/ indie.io] Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- continue to step 2 *************************************** *************************************** Step 2/2 [optional] Enter the TOS link. Example link: https://www.indie.io/terms-of-service -->{{#vardefine:tos|<!-- Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- DON'T EDIT ANYTHING BELOW THIS -->{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = {{#if:{{#var:rightsholder}}| <!-- Specific: -->This file is owned by {{#var:rightsholder}} and/or its licensors{{#if:{{#var:tos}}|, and is licensed under the {{#var:rightsholder}} [{{#var:tos}} Terms of Use]}}.<br/>All trademarks and registered trademarks present in the file are proprietary to {{#var:rightsholder}} and/or its licensors. | <!-- Generic: -->This file is owned by the applicable game studio and/or its licensors. }} }}</includeonly><noinclude> This template currently looks like: {{License/game}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> f1283ce43eda0d523b8e1f249ebc02470d957b34 82 81 2025-06-12T21:36:54Z ARTIFICER 564804 Protected "[[Template:License/game]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:rightsholder|<!-- *************************************** *************************************** Step 1/2 [required] Enter the name of the rightsholder, optionally with a link. Example without link: indie.io Example with a URL: [https://www.indie.io/ indie.io] Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- continue to step 2 *************************************** *************************************** Step 2/2 [optional] Enter the TOS link. Example link: https://www.indie.io/terms-of-service -->{{#vardefine:tos|<!-- Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- DON'T EDIT ANYTHING BELOW THIS -->{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = {{#if:{{#var:rightsholder}}| <!-- Specific: -->This file is owned by {{#var:rightsholder}} and/or its licensors{{#if:{{#var:tos}}|, and is licensed under the {{#var:rightsholder}} [{{#var:tos}} Terms of Use]}}.<br/>All trademarks and registered trademarks present in the file are proprietary to {{#var:rightsholder}} and/or its licensors. | <!-- Generic: -->This file is owned by the applicable game studio and/or its licensors. }} }}</includeonly><noinclude> This template currently looks like: {{License/game}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> f1283ce43eda0d523b8e1f249ebc02470d957b34 10 66 83 2025-06-12T21:36:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly><noinclude> This template currently looks like: {{License/nolicense}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 9ddcfb97af577d7f8454e20f985b9456e7a95c77 84 83 2025-06-12T21:36:54Z ARTIFICER 564804 Protected "[[Template:License/nolicense]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly><noinclude> This template currently looks like: {{License/nolicense}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 9ddcfb97af577d7f8454e20f985b9456e7a95c77 10 67 85 2025-06-12T21:36:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 535d8d725e53a0e8f94922ed597baed1353cec21 86 85 2025-06-12T21:36:55Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-NC]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 535d8d725e53a0e8f94922ed597baed1353cec21 10 68 87 2025-06-12T21:36:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 385fc8e61d98dd5ed6d4fa25b0eacf17cbca1218 88 87 2025-06-12T21:36:56Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-NC-SA]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 385fc8e61d98dd5ed6d4fa25b0eacf17cbca1218 10 69 89 2025-06-12T21:36:56Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC0}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> a6ae218b1382bcbe6f0e6e98ef272e4355dd7205 90 89 2025-06-12T21:36:57Z ARTIFICER 564804 Protected "[[Template:License/CC0]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC0}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> a6ae218b1382bcbe6f0e6e98ef272e4355dd7205 10 70 91 2025-06-12T21:36:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template is to be used under a ''Licensing'' heading on file pages to denote the file's license. == Available licenses == === Game === * Usage: <nowiki>{{License|game}}</nowiki> {{License|game}} === Fairuse === * Usage: <nowiki>{{License|fairuse}}</nowiki> {{License|fairuse}} === CC0 === * Usage: <nowiki>{{License|CC0}}</nowiki> {{License|CC0}} === CC-BY-NC-ND === * Usage: <nowiki>{{License|CC-BY-NC-ND}}</nowiki> {{License|CC-BY-NC-ND}} === CC-BY-NC-SA === * Usage: <nowiki>{{License|CC-BY-NC-SA}}</nowiki> {{License|CC-BY-NC-SA}} === CC-BY-NC === * Usage: <nowiki>{{License|CC-BY-NC}}</nowiki> {{License|CC-BY-NC}} === CC-BY-ND === * Usage: <nowiki>{{License|CC-BY-ND}}</nowiki> {{License|CC-BY-ND}} === CC-BY-SA === * Usage: <nowiki>{{License|CC-BY-SA}}</nowiki> {{License|CC-BY-SA}} === CC-BY === * Usage: <nowiki>{{License|CC-BY}}</nowiki> {{License|CC-BY}} === CC-PD === * Usage: <nowiki>{{License|CC-PD}}</nowiki> {{License|CC-PD}} === CC-SRR === * Usage: <nowiki>{{License|CC-SRR}}</nowiki> {{License|CC-SRR}} === Permission === * Usage: <nowiki>{{License|permission}}</nowiki> {{License|permission}} === No license === '''Providing no parameter (or invalid one) defaults to the nolicense notice:''' <nowiki>{{License}}</nowiki>{{License}} == Specifying source == '''Source parameter (optional):''' The source parameter accepts a url to the source where the file came from if necessary for attribution. Example: <nowiki>{{License|game|source=https://indie.io/}}</nowiki> {{License|game|source=https://indie.io/}} <includeonly> [[Category:License templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 5b334ee591fa6a0867f5d8e685e580b5b6c21334 10 71 92 2025-06-12T21:36:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:License/fairuse]] ecb7db41961bb5256d571593ca3f90ae1e199a3e 10 72 93 2025-06-12T21:36:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <div style="clear:{{{1|both}}};" class={{{class|}}}></div><noinclude> {{documentation}} </noinclude> 5b24b9fd5cc166a8c486e2422d5df465206ed39c 10 73 94 2025-06-12T21:36:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <code>{{[[Module:{{{1}}}|{{{1}}}]]}}^m{{#if:{{{2|}}}|.{{{2}}}()}}</code><noinclude> * <code><nowiki>{{Ml|Infobox}}</nowiki></code> generates {{Ml|Infobox}}. * <code><nowiki>{{Ml|ArgsUtil|merge}}</nowiki></code> generates {{Ml|ArgsUtil|merge}}. [[Category:Formatting templates]] </noinclude> 0c69bf8d7c3319f1cf2aa68f4b80261257291560 10 74 95 2025-06-12T21:36:59Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {|<noinclude>{{documentation}}</noinclude> 86e51fe1f06ae532410029eb39fa936d68880bc8 10 75 96 2025-06-12T21:36:59Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki |-<noinclude>{{documentation}}</noinclude> 636f9e440c24f4a3fe28b49cebd1808c3de8a814 10 76 97 2025-06-12T21:37:00Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki |}<noinclude>{{documentation}}</noinclude> b2debea163716e114d1ea46e65a63d7a1ae84bc0 10 77 98 2025-06-12T21:37:01Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 78 99 2025-06-12T21:37:01Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 79 100 2025-06-12T21:37:01Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 80 101 2025-06-12T21:37:02Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki &#124;<noinclude>{{documentation}}</noinclude> 9d1875aa686e4e25a0994448a39d057e91541788 10 81 102 2025-06-12T21:37:02Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 82 103 2025-06-12T21:37:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki ||<noinclude>{{documentation}}</noinclude> 02fb31115eef5c15d6612ac334bf5a5d83155c0a 10 83 104 2025-06-12T21:37:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 84 105 2025-06-12T21:37:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 106 105 2025-06-12T21:37:04Z ARTIFICER 564804 Protected "[[Template:License/template]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 10 85 107 2025-06-12T21:37:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki &nbsp;&bull;&nbsp;<noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 81a7f0051da7b8f4a0548d91c5eb429a974fac91 10 86 108 2025-06-12T21:37:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This is the '''bullet''' template; it looks like this: [&nbsp;&bull;&nbsp;] It works similarly to the HTML markup sequence: [<code>'''&amp;nbsp;&amp;bull;&amp;nbsp;'''</code>], that is, a non-breaking space, a bullet and a non-breaking space. This template is used when you want a larger bullet than a bold middot ['''&middot;'''], but something smaller than an en dash [&ndash;]. <noinclude>[[Category:Template documentation]]</noinclude> ea04fe63a10dc333ed9c48bfc397debb11682f1e 10 87 109 2025-06-12T21:37:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:platform | {{#if: {{{2|}}} | {{#switch: {{lc:{{{1|}}}}} <!-- Desktop --> |mouse |keyboard=keyboard <!-- Mobile --> |gesture=gesture <!-- Microsoft --> |xboxseries |xbox=Xbox |xbox one |xbone |xbox1 |xboxone=xboxone |xbox 360 |xb360 |xbox360 |360=360 <!-- Sony --> |ps |ps5 |playstation |ds |dualsense=DualSense |playstation 4 |ps4=PS4 |playstation 3 |ps3=ps3 <!-- Nintendo --> |ns |switch=Switch |wii=wii }} | undefined }} }}<!-- -->{{#vardefine:key | {{#if: {{{2|}}} | {{ucfirst:{{{2}}}}} | {{ucfirst:{{{1}}}}} }} }}<!-- -->{{#vardefine:img | {{#if: {{{2|}}} | [[File:{{#var:platform}} {{#var:key}}.png|x25px|link=]] }} | Undefined }}<!-- --><span class="key">{{#var:img}}</span><!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 45576cb62a8104687b5b7ac26b042283c80ecae6 10 88 110 2025-06-12T21:37:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <tabber> |-|Desktop={{:Template:Key/doc/Keyboard}} |-|Mobile={{:Template:Key/doc/Gesture}} |-|Xbox={{:Template:Key/doc/Xbox}} |-|DualSense={{:Template:Key/doc/DualSense}} |-|PlayStation 4={{:Template:Key/doc/PS4}} |-|Nintendo Switch={{:Template:Key/doc/Nintendo Switch}} </tabber> <noinclude>[[Category:Key template documentation]]</noinclude> 19eb9be1ca2c7112f63dd11c58d3888327dcca75 10 89 111 2025-06-12T21:37:06Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:Gesture input images]] === Fingers === <code><nowiki>{{key|gesture|Finger Front}}</nowiki></code> {{key|gesture|Finger Front}} <code><nowiki>{{key|gesture|Finger Side}}</nowiki></code> {{key|gesture|Finger Side}} === Tap & hold === <code><nowiki>{{key|gesture|Tap}}</nowiki></code> {{key|gesture|Tap}} <code><nowiki>{{key|gesture|Double Tap}}</nowiki></code> {{key|gesture|Double Tap}} <code><nowiki>{{key|gesture|Hold}}</nowiki></code> {{key|gesture|Hold}} === Swipe motions === <code><nowiki>{{key|gesture|Swipe Bottom Left}}</nowiki></code> {{key|gesture|Swipe Bottom Left}} <code><nowiki>{{key|gesture|Swipe Bottom Right}}</nowiki></code> {{key|gesture|Swipe Bottom Right}} <code><nowiki>{{key|gesture|Swipe Down}}</nowiki></code> {{key|gesture|Swipe Down}} <code><nowiki>{{key|gesture|Swipe Left}}</nowiki></code> {{key|gesture|Swipe Left}} <code><nowiki>{{key|gesture|Swipe Right}}</nowiki></code> {{key|gesture|Swipe Right}} <code><nowiki>{{key|gesture|Swipe Top Left}}</nowiki></code> {{key|gesture|Swipe Top Left}} <code><nowiki>{{key|gesture|Swipe Top Right}}</nowiki></code> {{key|gesture|Swipe Top Right}} <code><nowiki>{{key|gesture|Swipe Up}}</nowiki></code> {{key|gesture|Swipe Up}} === Zoom & scroll === <code><nowiki>{{key|gesture|Zoom In}}</nowiki></code> {{key|gesture|Zoom In}} <code><nowiki>{{key|gesture|Zoom Out}}</nowiki></code> {{key|gesture|Zoom Out}} <code><nowiki>{{key|gesture|Scroll Down}}</nowiki></code> {{key|gesture|Scroll Down}} <code><nowiki>{{key|gesture|Scroll Left}}</nowiki></code> {{key|gesture|Scroll Left}} <code><nowiki>{{key|gesture|Scroll Right}}</nowiki></code> {{key|gesture|Scroll Right}} <code><nowiki>{{key|gesture|Scroll Up}}</nowiki></code> {{key|gesture|Scroll Up}} === Circular motions === <code><nowiki>{{key|gesture|Double Rotate}</nowiki></code> {{key|gesture|Double Rotate}} <code><nowiki>{{key|gesture|Full Circle}}</nowiki></code> {{key|gesture|Full Circle}} <code><nowiki>{{key|gesture|Half Circle}}</nowiki></code> {{key|gesture|Half Circle}} <code><nowiki>{{key|gesture|Quarter Circle}}</nowiki></code> {{key|gesture|Quarter Circle}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 0a595b125cc6dbd6ad531c1e989d1929eaf1c6e2 10 90 112 2025-06-12T21:37:07Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:PS4 input images]] === D-pad & sticks === <code><nowiki>{{key|PS4|Dpad}}</nowiki></code> {{key|PS4|Dpad}} <code><nowiki>{{key|PS4|Left}}</nowiki></code> {{key|PS4|Left}} <code><nowiki>{{key|PS4|Right}}</nowiki></code> {{key|PS4|Right}} <code><nowiki>{{key|PS4|Up}}</nowiki></code> {{key|PS4|Up}} <code><nowiki>{{key|PS4|Down}}</nowiki></code> {{key|PS4|Down}} <code><nowiki>{{key|PS4|Left Stick}}</nowiki></code> {{key|PS4|Left Stick}} <code><nowiki>{{key|PS4|Right Stick}}</nowiki></code> {{key|PS4|Right Stick}} <code><nowiki>{{key|PS4|Touch Pad}}</nowiki></code> {{key|PS4|Touch Pad}} === Front buttons === <code><nowiki>{{key|PS4|Circle}}</nowiki></code> {{key|PS4|Circle}} <code><nowiki>{{key|PS4|Cross}}</nowiki></code> {{key|PS4|Cross}} <code><nowiki>{{key|PS4|Square}}</nowiki></code> {{key|PS4|Square}} <code><nowiki>{{key|PS4|Triangle}}</nowiki></code> {{key|PS4|Triangle}} <code><nowiki>{{key|PS4|Share}}</nowiki></code> {{key|PS4|Share}} <code><nowiki>{{key|PS4|Options}}</nowiki></code> {{key|PS4|Options}} === Rear buttons === <code><nowiki>{{key|PS4|L1}}</nowiki></code> {{key|PS4|L1}} <code><nowiki>{{key|PS4|R1}}</nowiki></code> {{key|PS4|R1}} <code><nowiki>{{key|PS4|L2}}</nowiki></code> {{key|PS4|L2}} <code><nowiki>{{key|PS4|R2}}</nowiki></code> {{key|PS4|R2}} <noinclude>[[Category:Key template documentation]]</noinclude> 1672e7f0dcd4db09545c96936cfbabcab681cfeb 10 91 113 2025-06-12T21:37:07Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:Nintendo Switch input images]] === Nintendo Switch === <code><nowiki>{{Key|Switch|a}}</nowiki></code> {{Key|Switch|a}} <code><nowiki>{{Key|Switch|b}}</nowiki></code> {{Key|Switch|b}} <code><nowiki>{{Key|Switch|x}}</nowiki></code> {{Key|Switch|x}} <code><nowiki>{{Key|Switch|y}}</nowiki></code> {{Key|Switch|y}} <code><nowiki>{{Key|Switch|Left Stick}}</nowiki></code> {{Key|Switch|Left Stick}} <code><nowiki>{{Key|Switch|Right Stick}}</nowiki></code> {{Key|Switch|Right Stick}} <code><nowiki>{{Key|Switch|Left Stick Press}}</nowiki></code> {{Key|Switch|Left Stick Press}} <code><nowiki>{{Key|Switch|Right Stick Press}}</nowiki></code> {{Key|Switch|Right Stick Press}} <code><nowiki>{{Key|Switch|-}}</nowiki></code> {{Key|Switch|-}} <code><nowiki>{{Key|Switch|+}}</nowiki></code> {{Key|Switch|+}} <code><nowiki>{{Key|Switch|Capture}}</nowiki></code> {{Key|Switch|Capture}} <code><nowiki>{{Key|Switch|HOME}}</nowiki></code> {{Key|Switch|HOME}} <code><nowiki>{{Key|Switch|L}}</nowiki></code> {{Key|Switch|L}} <code><nowiki>{{Key|Switch|R}}</nowiki></code> {{Key|Switch|R}} <code><nowiki>{{Key|Switch|ZL}}</nowiki></code> {{Key|Switch|ZL}} <code><nowiki>{{Key|Switch|ZR}}</nowiki></code> {{Key|Switch|ZR}} === Pro Controller === <code><nowiki>{{Key|Switch|Pro Control Pad}}</nowiki></code> {{Key|Switch|Pro Control Pad}} <code><nowiki>{{Key|Switch|Pro Control Pad Left}}</nowiki></code> {{Key|Switch|Pro Control Pad Left}} <code><nowiki>{{Key|Switch|Pro Control Pad Right}}</nowiki></code> {{Key|Switch|Pro Control Pad Right}} <code><nowiki>{{Key|Switch|Pro Control Pad Up}}</nowiki></code> {{Key|Switch|Pro Control Pad Up}} <code><nowiki>{{Key|Switch|Pro Control Pad Down}}</nowiki></code> {{Key|Switch|Pro Control Pad Down}} === Joy-Con === <code><nowiki>{{Key|Switch|Directional Left}}</nowiki></code> {{Key|Switch|Directional Left}} <code><nowiki>{{Key|Switch|Directional Right}}</nowiki></code> {{Key|Switch|Directional Right}} <code><nowiki>{{Key|Switch|Directional Up}}</nowiki></code> {{Key|Switch|Directional Up}} <code><nowiki>{{Key|Switch|Directional Down}}</nowiki></code> {{Key|Switch|Directional Down}} ==== Diagrams ==== <code><nowiki>{{Key|Switch|Joy-Con}}</nowiki></code> {{Key|Switch|Joy-Con}} <code><nowiki>{{Key|Switch|Joy-Con Separate}}</nowiki></code> {{Key|Switch|Joy-Con Separate}} <code><nowiki>{{Key|Switch|Joy-Con Left}}</nowiki></code> {{Key|Switch|Joy-Con Left}} <code><nowiki>{{Key|Switch|Joy-Con Right}}</nowiki></code> {{Key|Switch|Joy-Con Right}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 34ef402e3bd539920ee4247d68882ecb53fc6eda 10 92 114 2025-06-12T21:37:08Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- Base code written for Terraria Wiki: https://terraria.wiki.gg/wiki/Template:Spoiler NOTE: This template needs a JavaScript function in MediaWiki:Common.js or MediaWiki:Vector.js to work, as well as styling in MediaWiki:Common.css or MediaWiki:Vector.css for the related classes -->{{#vardefine:element|{{#if:{{{block|}}}|div|span}}}}<!-- --><{{#var:element}} class="spoiler-content {{{class|}}}" {{#if:{{{id|}}}|id="{{{id|}}}"}} {{#if:{{{css|{{{style|}}}}}}|style="{{{css|{{{style|}}}}}}"}}><{{#var:element}}>{{{1|}}}</{{#var:element}}></{{#var:element}}><!-- -->[[Category:Pages with spoilers]]<!-- --></includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> e5fe76807977a72099dd1f680fc399e02a790dd5 10 93 115 2025-06-12T21:37:08Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template is used to mark text and other elements as spoilers. Users can click or optionally hover to reveal their content. == The hoverShowSpoilers gadget == Users can enable the <code>[[MediaWiki:Gadgets/hoverShowSpoilers|hoverShowSpoilers]]</code> gadget to make spoilers show on hover, not just on click. The code for this gadget can be found at [[MediaWiki:Gadgets/hoverShowSpoilers/main.css]]. == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{spoiler|spoiler text}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text}} |- | <code><nowiki>{{spoiler|spoiler text with a [[Template:Navbox|link]]}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text with a [[Template:Navbox|link]]}} |- | <pre> {{spoiler|block=y|Really long spoiler that spans multiple lines It even has a bulleted list inside it: * Item a * Item b * [[Special:Random|Item c]] }}</pre> |{{spoiler|block=y|Really long spoiler that spans multiple lines It even has a bulleted list inside it: * Item a * Item b * [[Special:Random|Item c]] }} |} == Dependencies == For this template to work properly, you need the following: * The <code>spoilers</code> gadget with JavaScript code for toggling the <code>.spoiler</code> class on/off on click: ** [[MediaWiki:Gadgets/spoilers]] ** [[MediaWiki:Gadgets/spoilers/main.js]] * The <code>.spoiler-content</code> and any related classes, found in [[MediaWiki:Common.css]]. == Source == Base code adapted from [[wgg:terraria:Template:Spoiler|Template:Spoiler on Terraria Wiki]]. ==TemplateData== <templatedata> { "params": { "1": { "aliases": [ "text" ], "label": "Text", "description": "The text to be shown.", "example": "Character A died during the battle.", "type": "content", "required": true }, "hover": { "label": "Show on Hover?", "description": "Show spoiler text on mouse hover.", "example": "hover=yes", "type": "boolean", "default": "hover=no" }, "block": { "label": "Display as block?", "description": "If given, display the spoiler as a block instead of inline. Useful for long spoilers spanning multiple lines or using block-level elements like lists.", "example": "y", "type": "boolean", "suggested": true }, "class": { "label": "Class", "description": "A class or classes to apply to the spoiler", "type": "string" }, "id": { "label": "ID", "description": "A CSS ID to apply to the spoiler.", "type": "string" }, "style": { "description": "Inline CSS styles to pass in.", "type": "string", "aliases": [ "css" ], "label": "Style" } }, "description": "This template can be used to mark text as a spoiler.", "maps": { "1": {} }, "paramOrder": [ "1", "hover", "block", "class", "id", "style" ], "format": "inline" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> bae231a84e57129ec12ba47e554ed42e76c185e0 10 94 116 2025-06-12T21:37:09Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#vardefine:target|{{{1|}}}<!-- end vd -->}}<!-- -->{{#vardefine:display|{{#if:{{{2|}}}|{{{2}}}|{{{1}}}<!-- end if -->}}<!-- end vd -->}}<!-- -->{{#vardefine:iconSize|1.2em}}<!-- -->{{#vardefine:lineHeight|1lh}}<!-- -->{{#vardefine:fileExists|{{filepath:{{#var:target}} ({{{type}}}).png}}}}<!-- -->{{#ifeq: {{{2|}}} | notext <!-- start if notext -->|<span class="link-icon notext" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"><!-- start notext icon element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}<!-- end icon if --></span><!-- end notext icon -->|<span class="link-icon" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"><!-- start icon + text element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}&nbsp;<!-- end icon if --><span class="display-text">[[{{#var:target}}|{{#var:display}}]]</span><!-- end display text --></span> <!-- end icon + text element -->}}<!-- end if notext --></includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> a8fc86aa3dc0f0085e5d1236a47e8d04e8685684 10 95 117 2025-06-12T21:37:09Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{No direct use}} == List of link icon templates == * {{tl|Character icon}} * {{tl|Item icon}} == Dependencies== For this template to work properly, you need the following: * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 654dfb540ea31a810ef53c3820862942e63b2e8a 10 96 118 2025-06-12T21:37:10Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Link icon]] 6ebdedb4de95efaa3e6ca27590e79aca674f2364 10 97 119 2025-06-12T21:37:10Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><div class="quote"><!-- start quote wrapper --><div class="marks-wrapper"><!-- start marks wrapper --><div class="block"><!-- start quote block -->{{#if:{{{title|}}}|<div class="title">{{{title}}}</div>|}}<!-- -->{{#if:{{{text|{{{1|}}}}}}|<div class="text">{{{text|{{{1|}}}}}}</div>|}}<!-- --></div><!-- end quote block --></div><!-- end marks wrapper -->{{#if:{{{author|{{{2|}}}}}}|<div class="author">― {{#if:{{{authorpage|}}}| [[{{{authorpage}}}|{{{author|{{{2|}}}}}}]] | {{{author|{{{2|}}}}}} }}</div>|}}<!-- --></div><!-- -->[[Category:Pages with quotes]]</includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> 095258ceee92819a4e7b83c26fba3761bf9c41a9 10 98 120 2025-06-12T21:37:11Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Item}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 6564279e3808e659b8034ad4b96f4f9e9e498b57 10 102 124 2025-06-12T21:37:13Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki == Examples == {| class="wikitable" ! Code !! Result |- | <pre>{{Quote|text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote|text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |} == Dependencies == For this template to work properly, you need the following: * The <code>.quote</code> and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> == Template data (for Visual Editor) == <templatedata> { "params": { "title": { "label": "Title", "description": "If the quote has a title, put it here.", "example": "Richard III's soliloquy", "type": "line" }, "text": { "label": "Quoted Text", "description": "The quoted text to be displayed.", "example": "Now is the winter of our discontent made glorious summer by this sun of York", "type": "string", "required": true }, "author": { "label": "Quote's Author", "description": "The author of the displayed quote.", "example": "William Shakespeare", "type": "line", "suggested": true }, "authorpage": { "label": "Author's Page", "description": "If the quote's author has a page on the Wiki, put the page name here.", "example": "William Shakespeare (playwright)", "type": "wiki-page-name", "suggested": true } }, "description": "This template creates a styled block element for quotes.", "paramOrder": [ "text", "author", "authorpage", "title" ], "format": "block" } </templatedata> 8a10e77de70ff704435282ce0f2ba792a13404a5 10 103 125 2025-06-12T21:37:14Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->[[Category:Pages with hatnotes]]<!-- --><div class="hatnote {{#if:{{{icon|}}}|icon}}">{{#if:{{{icon|}}}|[[File:{{{icon}}}|x22px]]<nowiki> </nowiki>}}{{{1|}}}</div><!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates| ]]</noinclude> c239246055fdd6c2f4aa85033ba3e93b9baa4733 10 104 126 2025-06-12T21:37:14Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{No direct use}} == List of hatnote templates == * {{tl|Disambiguation}} * {{tl|Distinguish}} * {{tl|For}} * {{tl|Main}} == Dependencies == For this template to work properly, you need the following: * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. * The <code>--wiki-content-border-color--secondary</code> CSS variable, defined in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 464f2f866befaf4cfa47f68ab0ad4f170c13463d 10 105 127 2025-06-12T21:37:15Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Disambiguation Page", "description": "A custom disambiguation page name.", "example": "Disambiguation Page", "type": "wiki-page-name" }, "2": { "label": "Link Label", "description": "A label for the custom disambiguation page.", "example": "Alternative Page Name", "type": "line" }, "topic": { "label": "Custom Topic", "description": "In case {{PAGENAME}} does not describe the topic, this can be used to display a custom topic", "example": "a custom topic", "default": "{{PAGENAME}}", "type": "line" } }, "description": "This hatnote template is meant to be used at the top of an article to indicate the existence of a disambiguation page.", "paramOrder": [ "1", "2", "topic" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Disambiguation}}</nowiki></code> || {{Disambiguation|topic=Example}} |- | <code><nowiki>{{Disambiguation|Special:Random|topic=Example}}</nowiki></code> || {{Disambiguation|Special:Random|topic=Example}} |- | <code><nowiki>{{Disambiguation|Special:Random|Page Label|topic=this particular topic}}</nowiki></code> || {{Disambiguation|Special:Random|Page Label|topic=this particular topic}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:About|Wikipedia's About Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 5fce9c689120c57454571ff0e60a2cd447df5713 10 106 128 2025-06-12T21:37:15Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:topic|<!-- start vd -->{{#if:{{{topic|}}} | {{{topic}}} | {{PAGENAME}} }}<!-- end if -->}}<!-- end vd -->{{#vardefine:disambig|<!-- start vd -->{{#if:{{{1|}}}<!-- start custom disambig if -->|{{{1}}}<!-- start label if -->{{#if:{{{2|}}} | {{!}}{{{2}}} }}<!-- end label if -->|{{#var:topic}} (disambiguation)<!-- else; use regular disambig -->}}<!-- end custom disambig if -->}}<!-- end vd -->{{Hatnote|<!-- -->This page is about '''{{#var:topic}}'''. For other uses, see [[{{#var:disambig}}]].<!-- -->|icon=Disambig.svg<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> c4c62e7a1876492eb970ea182cf4ac0bcad97913 10 107 129 2025-06-12T21:37:16Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{text|}}} | {{{text}}} |<!-- start top if -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] or [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>or [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end custom disambig if -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->Not to be confused with {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 67ae5406ffd29bec56cfe7ad6527bb09a9733496 10 108 130 2025-06-12T21:37:16Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Alternative", "description": "The alternative page.", "example": "Alternative Page", "type": "wiki-page-name", "suggested": true }, "2": { "label": "Second Alternative", "description": "A second alternative page.", "example": "Second Alternative Page", "type": "wiki-page-name" }, "3": { "label": "Third Alternative", "description": "A third alternative page.", "example": "Third Alternative Page", "type": "wiki-page-name" }, "text": { "label": "Alternative Text", "description": "Instead of using pages, you can provide a full alternative text. This parameter overrides other provided parameters.", "example": "the alternative page, [[Alternative Page]]", "type": "line" } }, "description": "This hatnote template is meant to be used to indicate possible alternatives to what the reader wants to find.", "paramOrder": [ "1", "2", "3", "text" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Distinguish|Special:Uncategorizedpages{{!}}Page 1}} |- | <code><nowiki>{{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}}</nowiki></code> || {{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:Distinguish|Wikipedia's Distinguish Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 2a06ed576ae6479add20834628f9378c657cb4fb 10 109 131 2025-06-12T21:37:17Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{3|}}}<!-- if more than one page -->|[[{{{2}}}]]{{#if:{{{4|}}}<!-- start concat if -->|, [[{{{3}}}]] and [[{{{4}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{3}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{2}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->For {{{1}}}, see {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 1899e48855153617f7c0bf3087b781bc80f0395c 10 110 132 2025-06-12T21:37:17Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Topic", "description": "The topic the following pages are about.", "example": "more information", "type": "line", "required": true }, "2": { "label": "Related Page", "description": "A related page.", "example": "Related Page", "type": "wiki-page-name", "required": true }, "3": { "label": "Second Page", "description": "A second related page.", "example": "Second Related Page", "type": "wiki-page-name" }, "4": { "label": "Third Page", "description": "A third related page.", "example": "Third Related Page", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be used to show pages related to a topic the reader might want to visit.", "paramOrder": [ "1", "2", "3", "4" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{For|more information|Special:WantedPages}}</nowiki></code> || {{For|more information|Special:WantedPages}} |- | <code><nowiki>{{For|more information|Special:WantedPages|Special:UncategorizedPages}}</nowiki></code> || {{For|more information|Special:WantedPages|Special:UncategorizedPages}} |- | <code><nowiki>{{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}</nowiki></code> || {{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}} |- | <code><nowiki>{{For|more information|Special:WantedPages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{For|more information|Special:WantedPages{{!}}Page 1}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> b2a30a9bf8acff259d5e86654a2de69c2d5e4fff 10 111 133 2025-06-12T21:37:18Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->{{#if:{{{2|}}}|Main articles|Main article}}: {{#var:text}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> e02ac04db1bbce6b71a9aa8a5064182f662d8470 10 112 134 2025-06-12T21:37:18Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Article", "description": "A main article.", "example": "Article", "type": "wiki-page-name", "required": true }, "2": { "label": "Second Article", "description": "A second main article.", "example": "Second Article", "type": "wiki-page-name" }, "3": { "label": "Third Article", "description": "A third main article.", "example": "Third Article", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be in sections of an article mentioning information about another existing main article.", "paramOrder": [ "1", "2", "3" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Main|Special:WantedPages}}</nowiki></code> || {{Main|Special:WantedPages}} |- | <code><nowiki>{{Main|Special:WantedPages#Section Title}}</nowiki></code> || {{Main|Special:WantedPages#Section Title}} |- | <code><nowiki>{{Main|Special:WantedPages|Special:UncategorizedPages}}</nowiki></code> || {{Main|Special:WantedPages|Special:UncategorizedPages}} |- | <code><nowiki>{{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}</nowiki></code> || {{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}} |- | <code><nowiki>{{Main|Special:WantedPages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Main|Special:WantedPages{{!}}Page 1}} |} == Dependencies == This template requires the {{tl|Hatnote}} metatemplate. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> dd762adeece0f944821cb81ee14a8bd9cb539b22 10 113 135 2025-06-12T21:37:18Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{#ifeq:{{ROOTPAGENAME}}|Ambox|"Ambox" is an abbreviation for '''A'''rticle '''m'''essage '''box'''. You can use amboxes in articles to indicate something important about the current page, often in the header.| This '''message template''' is an [[Template:Ambox|article message box]], or '''ambox'''. The documentation below discusses how to use each ambox provided by the wiki. }} == Premade amboxes == === Problem notice amboxes === These amboxes are used temporarily to notify other editors and visitors about a problem with an article. These amboxes support the following parameters: * <code>|tiny=</code>: If set to <code>yes</code>, the box will have less padding and the icon will be much smaller than default. * <code>|class=</code>: Any additional CSS classes to add to the ambox container element. * <code>|date=</code>: The date the ambox was added to the page. * <code>|nocat=</code>: If set to <code>yes</code>, no category will be added to the page. Use this only when creating documentation. '''Note:''' Premade amboxes need the base {{tl|Ambox}} template to work. {| class="wikitable" ! Code !! Result |- | {{tl|Cleanup}} || {{Cleanup|nocat=yes}} |- | {{tl|Delete}} || {{Delete|nocat=yes}} |- | {{tl|Merge|Example}} || {{Merge|Template:Ambox{{!}}Example|nocat=yes}} |- | {{tl|Move|Example}} || {{Move|Template:Ambox{{!}}Example|nocat=yes}} |- | {{tl|Split|Example}}<br/>{{tl|Split|Example 1|Example 2|Example 3}} || {{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} |- | {{tl|Stub}} || {{Stub|nocat=yes}} |- |} === Informational amboxes === These amboxes are intended as permanent fixtures to a page, to notify visitors about some piece of information relevant to the page. These amboxes support the following parameters in addition to any listed: * <code>|tiny=</code>: If set to <code>yes</code>, the box will have less padding and the icon will be much smaller than default. * <code>|class=</code>: Any additional CSS classes to add to the ambox container element. {| class="wikitable" ! Code !! Additional parameters !! Result |- | {{tl|Spoiler warning}} || || {{Spoiler warning|nocat=yes}} |- | {{tl|No direct use}} || || {{No direct use|nocat=yes}} |- | {{tl|Uses Lua}} || <code><nowiki>|1=</nowiki></code>, a comma-separated list of modules used || {{Uses Lua|nocat=yes}} |} === Optional parameters === You can use optional parameters to further customize a premade ambox. The example below is using <code>tiny=yes</code> and <code>date=01/01/2021</code>. {{Cleanup|tiny=yes|date=01/01/2021|nocat=yes}} == Creating a custom ambox == You can create additional ambox templates as needed using the following parameters: <pre> {{Ambox | color = The left border color. | icon = The icon image to be displayed. | title = The optional title. | message = The explanation text displayed. | tiny = If you want the tiny version of the ambox, fill the parameter with "yes". | date = An optional date of creation for the message. | class = An optional CSS class for the ambox. }} </pre> == Dependencies == For this template to work properly, you need the following: * <code>.ambox</code> and any related classes, found in [[MediaWiki:Common.css]]. <includeonly>[[Category:Notice templates]]</includeonly><noinclude>[[Category:Template documentation]]</noinclude> d4fda481c06177d59ff39364bf17e15d7f1adfbc 10 114 136 2025-06-12T21:37:19Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Cleanup.svg | message = This page does not meet '''{{SITENAME}}'''<nowiki/>'s page quality standards. You can [{{fullurl:{{FULLPAGENAME}}|action=edit}} edit it] to help fix grammar, formatting, or code issues. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Pages in need of improvement]]}}</includeonly><!-- --><noinclude>{{Cleanup|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 9c9fb940d733227f74a7ce12720d22f569bd4d3e 10 115 137 2025-06-12T21:37:20Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = grey | icon = Delete.svg | title = Candidate for Deletion | message = This page lacks relevance for '''{{SITENAME}}''' and is a candidate for '''deletion'''. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for deletion]]}}</includeonly><!-- --><noinclude>{{Delete|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 6c827de94518d7f5f1635b13425be0d0fb4078da 10 116 138 2025-06-12T21:37:20Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{ambox|icon=Warning-red.svg|title=Don't call this template directly from any content page! |message=This template is intended to be used inside of another template. Then that template in turn may be used on content pages. |color=red |tiny={{{tiny|}}} |class={{{class|}}} }}</includeonly><noinclude>{{doc|Template:Ambox/doc}} [[Category:Notice templates]]</noinclude> 22c9c1b0d6c05220eb6d7ad84073f7d878b60b68 10 117 139 2025-06-12T21:37:21Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Uses Lua]] 9675a92267565619bc6418ec4e88163985302408 10 118 140 2025-06-12T21:37:21Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 119 141 2025-06-12T21:37:22Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 120 142 2025-06-12T21:37:22Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Ambox | color = red | icon = Warning-red.svg | title = Spoiler Warning | message = This page contains '''spoilers'''. View at your own discretion. | tiny = {{{tiny|}}} | class = {{{class|}}} }}<noinclude>{{doc|Template:Ambox/doc}}</noinclude> d46344bae30adce89ead1cf12e8c3ff904e95203 10 121 143 2025-06-12T21:37:23Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 122 144 2025-06-12T21:37:23Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 123 145 2025-06-12T21:37:24Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Stub.svg | message = This page is a [[support:Stub|stub]]. You can help '''{{SITENAME}}''' by [{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Stubs]]}}</includeonly><!-- --><noinclude>{{Stub|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 1effeb7d6eb04a0b11c76b8bfa871703461c9344 10 124 146 2025-06-12T21:37:25Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 125 147 2025-06-12T21:37:26Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:No direct use]] 8448af1f61f0d64a84806b006c70670d9296acde 10 126 148 2025-06-12T21:37:26Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 127 149 2025-06-12T21:37:26Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = purple | icon = Merge.svg | message = It has been proposed that this page be [[support:Merge|merged]] with [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for merging]]}}</includeonly><!-- --><noinclude>{{Merge|Template:Merge|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 9975c110e793cc1943eac9ea8e62257d704ab853 10 128 150 2025-06-12T21:37:27Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 129 151 2025-06-12T21:37:27Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = darkorange | icon = Move.svg | message = It has been proposed that this page be moved to [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for moving]]}}</includeonly><!-- --><noinclude>{{Move|Template:Ambox{{!}}Example|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> dc4fd9090208e453457d6d2df193b9a7ee3b562d 10 130 152 2025-06-12T21:37:28Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 131 153 2025-06-12T21:37:28Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:pages|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|new pages titled [[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|a new page titled [[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Ambox | color = purple | icon = Split.svg | message = It has been proposed that this page be split into {{#var:pages}}. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for splitting]]}}</includeonly><!-- --><noinclude>{{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 73f5044c8b972e18c3b7880f94b0644e4a0e6ac7 10 132 154 2025-06-12T21:37:29Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 133 155 2025-06-12T21:37:30Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><span id="{{{1}}}"></span><!-- --></includeonly><!-- --><noinclude>{{doc}} [[Category:Navigation templates]]</noinclude> 08ccba46722925866447768d344bf540b0b55e79 10 134 156 2025-06-12T21:37:30Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki == Summary == This template can be used to insert an invisible anchor (reference points) into a page that can later be used by internal wiki links. == Usage == To create a custom anchor, use <code><nowiki>{{Anchor|Anchor Name}}</nowiki></code> anywhere in the page. For example, if you create the anchor <code><nowiki>{{Anchor|Example Anchor}}</nowiki></code> in the page <code><nowiki>[[Example]]</nowiki></code>, you can access it through the internal link <code><nowiki>[[Example#Example Anchor]]</nowiki></code>. Remember that you can create a [[support:Redirect|redirect]] to this template so that you can call it more easily, such as with <code><nowiki>{{a|Anchor Name}}</nowiki></code>. <noinclude>[[Category:Template documentation]]</noinclude> 4b0ddb50416a354db262e62617d9b45056f4d526 10 135 157 2025-06-12T21:37:30Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:Xbox input images]] === Series & One === <code><nowiki>{{Key|Xbox|A}}</nowiki></code> {{Key|Xbox|A}} <code><nowiki>{{Key|Xbox|B}}</nowiki></code> {{Key|Xbox|B}} <code><nowiki>{{Key|Xbox|X}}</nowiki></code> {{Key|Xbox|X}} <code><nowiki>{{Key|Xbox|Y}}</nowiki></code> {{Key|Xbox|y}} <code><nowiki>{{Key|Xbox|Left Thumbstick}}</nowiki></code> {{Key|Xbox|Left Thumbstick}} <code><nowiki>{{Key|Xbox|Right Thumbstick}}</nowiki></code> {{Key|Xbox|Right Thumbstick}} <code><nowiki>{{Key|Xbox|Left Thumbstick Press}}</nowiki></code> {{Key|Xbox|Left Thumbstick Press}} <code><nowiki>{{Key|Xbox|Right Thumbstick Press}}</nowiki></code> {{Key|Xbox|Right Thumbstick Press}} <code><nowiki>{{Key|Xbox|LB}}</nowiki></code> {{Key|Xbox|LB}} <code><nowiki>{{Key|Xbox|RB}}</nowiki></code> {{Key|Xbox|RB}} <code><nowiki>{{Key|Xbox|View}}</nowiki></code> {{Key|Xbox|View}} <code><nowiki>{{Key|Xbox|Menu}}</nowiki></code> {{Key|Xbox|Menu}} <code><nowiki>{{Key|Xbox|Button}}</nowiki></code> {{Key|Xbox|Button}} === Xbox Series === <code><nowiki>{{Key|Xbox|D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|LT}}</nowiki></code> {{Key|Xbox|LT}} <code><nowiki>{{Key|Xbox|RT}}</nowiki></code> {{Key|Xbox|RT}} <code><nowiki>{{Key|Xbox|Share}}</nowiki></code> {{Key|Xbox|Share}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|Series Controller Diagram}}</nowiki></code> {{Key|Xbox|Series Controller Diagram}} === Xbox One === <code><nowiki>{{Key|Xbox|One D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|One D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|One D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|One D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|One D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|One Left Trigger}}</nowiki></code> {{Key|Xbox|One Left Trigger}} <code><nowiki>{{Key|Xbox|One Right Trigger}}</nowiki></code> {{Key|Xbox|One Right Trigger}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|One Controller Diagram}}</nowiki></code> {{Key|Xbox|One Controller Diagram}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> adce81e2e9eafcf930052a8993d3e5625665202e 10 136 158 2025-06-12T21:37:31Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:DualSense input images]] === Buttons === <code><nowiki>{{Key|PS|Directional}}</nowiki></code> {{Key|PS|Directional}} <code><nowiki>{{Key|PS|Directional Left}}</nowiki></code> {{Key|PS|Directional Left}} <code><nowiki>{{Key|PS|Directional Right}}</nowiki></code> {{Key|PS|Directional Right}} <code><nowiki>{{Key|PS|Directional Up}}</nowiki></code> {{Key|PS|Directional Up}} <code><nowiki>{{Key|PS|Directional Down}}</nowiki></code> {{Key|PS|Directional Down}} <code><nowiki>{{Key|PS|Left Stick}}</nowiki></code> {{Key|PS|Left Stick}} <code><nowiki>{{Key|PS|Right Stick}}</nowiki></code> {{Key|PS|Right Stick}} <code><nowiki>{{Key|PS|Touch Pad}}</nowiki></code> {{Key|PS|Touch Pad}} <code><nowiki>{{Key|PS|Circle}}</nowiki></code> {{Key|PS|Circle}} <code><nowiki>{{Key|PS|Cross}}</nowiki></code> {{Key|PS|Cross}} <code><nowiki>{{Key|PS|Square}}</nowiki></code> {{Key|PS|Square}} <code><nowiki>{{Key|PS|Triangle}}</nowiki></code> {{Key|PS|Triangle}} <code><nowiki>{{Key|PS|Create}}</nowiki></code> {{Key|PS|Create}} <code><nowiki>{{Key|PS|Options}}</nowiki></code> {{Key|PS|Options}} <code><nowiki>{{Key|PS|L1}}</nowiki></code> {{Key|PS|L1}} <code><nowiki>{{Key|PS|R1}}</nowiki></code> {{Key|PS|R1}} <code><nowiki>{{Key|PS|L2}}</nowiki></code> {{Key|PS|L2}} <code><nowiki>{{Key|PS|R2}}</nowiki></code> {{Key|PS|R2}} <code><nowiki>{{Key|PS|L3}}</nowiki></code> {{Key|PS|L3}} <code><nowiki>{{Key|PS|R3}}</nowiki></code> {{Key|PS|R3}} <code><nowiki>{{Key|PS|Mute}}</nowiki></code> {{Key|PS|Mute}} <code><nowiki>{{Key|PS|PS}}</nowiki></code> {{Key|PS|PS}} === Diagram === <code><nowiki>{{Key|PS|Controller Diagram}}</nowiki></code> {{Key|PS|Controller Diagram}} <noinclude>[[Category:Key template documentation]]</noinclude> 84fa5123f9494d3572fef65e1aa63dd95ef476be 10 137 159 2025-06-12T21:37:32Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <code>Gadget-[[MediaWiki:Gadget-{{{1}}}|{{{1}}}]]</code><noinclude>[[Category:Formatting templates]]</noinclude> dd027468a6022472506b1fc2973d6299ec01e854 10 138 160 2025-06-12T21:37:33Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Wikipedia.svg | title= This code is adapted from [[wikipedia:Main Page|Wikipedia]]. | message = For the original code, see the following pages: {{#arraymap:{{{1|}}}|,|%s|[[wikipedia:%s|%s]]}} | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc}}</noinclude> 0bb256ef5acc38fb0cfbdacc22e75aab89bd6e2c 10 139 161 2025-06-12T21:37:33Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki |-|<noinclude>{{documentation}}</noinclude> c634369c1e88b95ebe6a6d827cb32dc1e9c61fec 10 140 162 2025-06-12T21:37:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 141 163 2025-06-12T21:37:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><span class="color">{{{1}}}&nbsp;<span class="color__splotch" style="background-color: {{{1}}};" title="{{{1}}}"></span></span>[[Category:Pages with colors]]</includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 8d576236ad82770d3c04720d4ac105edcb835874 10 142 164 2025-06-12T21:37:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template creates a small color splotch with a given background color next to a plaintext color code. This is useful for previewing colors. ==Usage== {{tlx|color|<color>}} Where <code><color></code> is any valid [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color]. ==Examples== <pre> My favorite color is {{color|darkgreen}} I think the current {{color|#6d8afb}} of links should be changed to a {{color|#6df4fb}} RGB is cool too, you can do {{color|rgb(128,255,128)}}, or even transparency with {{color|rgba(128,255,128,0.5)}}. </pre> Produces: My favorite color is {{color|darkgreen}} I think the current {{color|#6d8afb}} of links should be changed to a {{color|#6df4fb}} RGB is cool too, you can do {{color|rgb(128,255,128)}}, or even transparency with {{color|rgba(128,255,128,0.5)}}. <noinclude>[[Category:Template documentation]]</noinclude> cb66b177cf785e1b3f60e28e36852b253e4b3d82 10 143 165 2025-06-12T21:37:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main <!-- See https://support.wiki.gg/wiki/DRUID_infoboxes for extra documentation --> <!-- the "kind" categorizes this type of infobox. For example, you might want to write `Character`, `Level`, or `Item`. --> <!-- This `kind` value should be unique to this template, and no other infobox template should have the same value --> |kind=example-1 <!-- You can almost certainly leave the separator alone, unless one of your *section names* has a comma in it --> |sep=, <!-- feel free to edit the 300px but mostly try to avoid changing this next line unless you are adding tabs --> |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Region,Element |Stats=Attack, HP, Armor, Attack Speed <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- Here is the above code without comments for easier copy-pasting: {{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=General Info, Stats |General Info=Region,Element |Stats=Attack, HP, Armor, Attack Speed |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }} --></includeonly><noinclude> {{documentation}} [[Category:Infobox templates]]</noinclude> f49d0f82d5a212306ff66b8fee112ecf88123576 10 144 166 2025-06-12T21:37:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <noinclude>Are you trying to edit [[Template:Example character infobox]]? If so, you may be in the wrong place - this is the '''documentation page''', not the template itself. To edit the template, please go here: {{fullurl:Template:Example character infobox|action=edit}} </noinclude>This is an example character infobox using the [[support:DRUID infoboxes|DRUID infoboxes]] framework. You can edit it, rename it, or delete it as desired. == Modify this template == To see how DRUID works, please '''edit this page'''! It has several comments explaining the different parts of how to make an infobox. == Copyable code for use on other content pages == If you want to create pages using this infobox, you can use the snippet below. Please understand, this code is for CONTENT PAGES ONLY!! It does not have anything to do with changing what the template supports. <syntaxhighlight lang="wikitext" style="overflow: auto;"> {{Example character infobox |title= |image= |Region= |Element= |Attack= |HP= |Armor= |Attack Speed= }} </syntaxhighlight><noinclude>[[Category:Template documentation]]</noinclude> cc625bd426cde7dbdfa16b8330ff21cd1ef2e942 10 145 167 2025-06-12T21:37:36Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the [https://indie.io indie.io] [https://www.indie.io/terms-of-service Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to [https://indie.io indie.io] and/or its licensors. }}</includeonly><noinclude> This template currently looks like: {{License/indie.io}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49823bdf8d378ff755fa7b6493afde40f6a4e19a 168 167 2025-06-12T21:37:36Z ARTIFICER 564804 Protected "[[Template:License/indie.io]]" ([Edit=Allow only wiki.gg staff] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the [https://indie.io indie.io] [https://www.indie.io/terms-of-service Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to [https://indie.io indie.io] and/or its licensors. }}</includeonly><noinclude> This template currently looks like: {{License/indie.io}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49823bdf8d378ff755fa7b6493afde40f6a4e19a 10 146 169 2025-06-12T21:37:37Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Clear]] 1a2aa4a9ba7478e54a2b21cbce68887ea297ea86 10 147 170 2025-06-12T21:37:37Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template allows you to [https://developer.mozilla.org/en-US/docs/Web/CSS/clear clear] the left side, the right side, or both by adding <code>&lt;div style="clear:left/right/both;"&gt;&lt;/div&gt;</code> ==Usage== {{tlx|Clear}}: Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images. An optional <code>class</code> parameter can additionally be given for custom functionality. To clear the left, simply put {{tlx|Clear|left}}. To clear the right, put {{tlx|Clear|right}}. To clear both sides, put {{tlx|Clear}}. This template can also be called with {{tlx|-}} for short. <templatedata> { "params": { "1": { "label": "Direction", "description": "Which direction to clear", "type": "string", "default": "both", "suggestedvalues": [ "left", "right", "both" ] }, "class": { "label": "Class", "description": "A class to give to the clear", "type": "string" } }, "description": "Clears the left, right, or both.", "format": "inline" } </templatedata> <noinclude> [[Category:Template documentation]] </noinclude> 30e700cb1ba6902a86860319bd230680193d3b04 10 148 171 2025-06-12T21:37:38Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#if:{{{1|{{{id|}}}}}}|<!-- -->{{#ifeq: {{lc:{{{full|}}}<!-- -->}} | yes<!-- display the full widget: -->|<div class="DiscordIntegrator" style="width: {{#or:{{{width|}}}|100%}}; height: {{#or:{{{height|}}}|300px}}" data-id="{{{1|{{{id}}}}}}" data-logged-in="{{{loggedIn}}}" data-theme="{{{theme|}}}" data-width="100%" data-height="100%"><!-- -->If you see this, your JavaScript might be disabled or DiscordIntegrator plugin isn't working. If the latter, please contact a wiki administrator.</div><!-- display only the small widget: -->|<div id="discord-compact-widget" data-id="{{{1|{{{id}}}}}}"></div><!-- -->}}<!-- case: id is not supplied -->|<strong class="error">DiscordIntegrator error: ID of the server isn't supplied.</strong> For instructions on how to find a Discord server ID, see [https://support.discord.com/hc/articles/206346498 this Discord Help Center article]<!-- -->}}</includeonly><!-- -->[[Category:Pages with Discord embeds]]<noinclude>{{Documentation}} [[Category:Templates]]</noinclude> 7d39c3a9d1b4eb8e95becaf418c16ec30cb9c077 10 149 172 2025-06-12T21:37:38Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template allows you to either use [[support:DiscordCompact|DiscordCompact]] or [[support:DiscordWidget|DiscordWidget]] to display information about a certain Discord server. == Usage == In order to be able to show a Discord server widget on your wiki, first go to your Discord server and do the following: * Open the <code>Server Settings</code>, then go to the <code>Engagement</code> section. * Scroll down to <code>Server Widget</code>. * Enable the widget. * Copy the <code>Server ID</code>. Then, do the following depending on the type of widget you want to use (compact or full). === Compact widget (default) === {{main|support:DiscordCompact{{!}}DiscordCompact}} The compact widget is the default one. To use it, simply add the template with the server ID either as the '''first''' parameter or as the <code>id</code> parameter: * <code><nowiki>{{Discord|serverID}}</nowiki></code> * <code><nowiki>{{Discord|id=serverID}}</nowiki></code> === Full widget === {{main|support:DiscordWidget{{!}}DiscordWidget}} To use the full version of the Discord widget, you have to specify <code>full=yes</code> as one of the template parameters, with the ID either as the '''first''' parameter or as the <code>id</code> parameter: * <code><nowiki>{{Discord|serverID|full=yes}}</nowiki></code> * <code><nowiki>{{Discord|full=yes|id=serverID}}</nowiki></code> You can further customize the widget with the <code>width</code>, <code>height</code> and other parameters. See the Examples section and the full documentation for DiscordWidget on the [[support:DiscordWidget|Support Wiki]]. == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Discord|951501892553424917}}</nowiki></code><br/><code><nowiki>{{Discord|id=951501892553424917}}</nowiki></code> || {{Discord|951501892553424917}} |- | <code><nowiki>{{Discord|951501892553424917}|full=yes}</nowiki></code> || {{Discord|951501892553424917|full=yes}} |- | <pre><nowiki>{{Discord|full=yes |id = 951501892553424917 |width = 300px |height = 500px }}</nowiki></pre> || {{Discord|full=yes|id=951501892553424917|width=300px|height=500px}} |} == Dependencies == * As stated before, both Compact and Widget require the given Discord server to have Widgets enabled in its Server Settings. * Both Compact and Widget require the <code>discordTemplate</code> gadget: ** [[MediaWiki:Gadgets/discordTemplate]] ** [[MediaWiki:Gadgets/discordTemplate/main.js]] == TemplateData == <templatedata> { "params": { "1": { "aliases": [ "id" ], "label": "Server ID", "description": "The Discord server's ID.", "example": "951501892553424917", "type": "line", "required": true }, "full": { "label": "Use full widget", "example": "yes", "type": "boolean", "description": "Do you want to use the full widget?" }, "width": { "label": "Width (full widget only)", "description": "A custom width for the full widget.", "example": "300px", "type": "line" }, "height": { "label": "Height (full widget only)", "description": "A custom height for the full widget.", "example": "500px", "type": "line" } }, "description": "This template allows you to either use DiscordCompact or DiscordWidget to display information about a certain Discord server.", "paramOrder": [ "1", "full", "width", "height" ], "format": "block" } </templatedata> 2b1165b9383a06a5766054d0d38b8b045cf83b25 10 150 173 2025-06-12T21:37:38Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly></div> </div></includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 506617faba565eb65144b21c3ead8fe5c2010b55 10 151 174 2025-06-12T21:37:39Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><div class="mp-box <!-- These variables are used to determine if certain layouts should hide certain boxes. The variable is created in and passed from [[Module:Main page]], and is formatted as a pseudo bitmask to reduce variable usage An example of this variable would be "1,1,0," which would mean display on desktop and tablet but not on mobile -->{{#ifeq:{{#explode:{{#var:imp-variable-display-box}}|,|0}}|0|mp-hide-on-desktop}} <!-- -->{{#ifeq:{{#explode:{{#var:imp-variable-display-box}}|,|1}}|0|mp-hide-on-tablet}} <!-- -->{{#ifeq:{{#explode:{{#var:imp-variable-display-box}}|,|2}}|0|mp-hide-on-mobile}} <!-- -->{{{class|}}}" style="grid-area:{{#var:imp-variable-id}}; {{{style|}}}" id="mp-box-{{#var:imp-variable-id}}" data-box-id="{{#var:imp-variable-id}}"><!-- -->{{#if:{{{title|{{{1|}}}}}}| <h2> {{{title|{{{1|}}}}}} </h2> }}<div class="mp-body"></includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 62eedb503b63a36fc31a301f8ea6b15f6ff9bf60 10 152 175 2025-06-12T21:37:39Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = $1 }} Content goes here, between the start and end templates. Feel free to use wikitext, tables, templates, new lines, whatever. {{Main page box/end}}<includeonly><no<noinclude></noinclude>include>[[Category:Main page boxes]]</no<noinclude></noinclude>include></includeonly><!-- don't edit this line --><noinclude> [[Category:Main page templates]] </noinclude> 9b16288e15e3c8c9ede76b4dc76e538d2253cf23 10 153 176 2025-06-12T21:37:39Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#invoke:Main page|main}} __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]]</includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 64a0dbb502a75c44e4b3f474772d8502bdf44e40 10 154 177 2025-06-12T21:37:40Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{#tag: inputbox | type = create width = 40 default = {{{1|}}} buttonlabel = Create this box prefix = {{#or:{{{rootpage|}}}|{{MediaWiki:Mainpage}}}}/ placeholder = box name (no spaces) preload = Template:Main page box/preload summary = Created using preload preloadparams[] = {{ucfirst:{{{1|Example}}}}} }}<noinclude>[[Category:Main page templates]]</noinclude> da58eca98a44a09e476c5b4a5cafde116b6cdac9 10 155 178 2025-06-12T21:37:40Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><code>Template:Main page box</code> is not intended to be used directly, please use [[Template:Main page box/start]] and [[Template:Main page box/end]].</includeonly><noinclude> This template is used to create the boxes of the IMProved Main Page (IMP) framework. '''It should not be called directly''', instead using {{tl|Main page box/start}} and {{tl|Main page box/end}}. <div style="text-align:center;"> Use the box below to create a page with the required templates already in place, ready for you to add your content. {{/create}} The box name can not contain spaces or start with a number. Those are probably the only restrictions you'll run into, but for a full list see [https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident <custom-ident> on MDN web docs]. </div> ==Parameters== These are the parameters used by {{tl|Main page box/start}}. All parameters are optional. {| class="wikitable" ! Name !! Data type !! Description |- | title || Wikitext || The title of the box. This can be empty, in which case the box will contain only the content. |- | class || CSS classes || A list of classes to be passed to the box, separated by spaces and without quotes. Standard options are <code>centered-content</code> to vertically center contents, and <code>has-floating-image</code> in case floating images are needed in the box (normally the flex layout disallows this). |- | style || CSS declarations || Inline CSS to be applied directly to the box, without quotes. A common usage is <code>text-align:center;</code> for cases where it's desired for individual boxes to have centered text. |} [[Category:Main page templates]] [[Category:Template documentation]] </noinclude> cbbd25d1eb0105a8be55d0cc174f385fc467ffad 10 156 179 2025-06-12T21:37:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki See [[Template:Main page box]] for information on how to use this. ==TemplateData== <templatedata> { "params": { "class": { "label": "Class", "description": "Additional classes to give to the box wrapping this box.", "example": "centered-content", "suggestedvalues": [ "centered-content", "has-floating-image" ] }, "style": { "label": "Style", "description": "Inline CSS to add to the box wrapping this box", "example": "text-align:center;", "type": "string" }, "title": { "aliases": [ "1" ], "label": "Title", "description": "The title of this box.", "example": "Welcome to the wiki!", "type": "content", "suggested": true } }, "description": "Creates a box for use on the main page.", "paramOrder": [ "title", "class", "style" ], "format": "block" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 860e1be8fbf205ab2b3214cb91860a77fd3ef52b 10 157 180 2025-06-12T21:37:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki See [[Template:Main page box]] for information on how to use this. <noinclude>[[Category:Template documentation]]</noinclude> e73182bed655118b10da971b634dc9c3bf3e3d39 10 158 181 2025-06-12T21:37:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template is used to create an IMP Main Page. It uses [[Module:Main page]] to arrange a series of [[Template:Main page box]]es in a [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout CSS grid]. ==Simple explanation== The layout is made using keywords arranged in a grid. This grid has 3 columns on desktop-width screens, 2 columns on tablet, and 1 on mobile. Each can have as many rows as you want. Each keyword represents the same section and can span multiple rows and/or columns, but ''must'' form a contiguous rectangle of any dimension (1x1, 1x2, 2x2, 2x3, etc.). For example, the following input to desktop: <pre style="display:table;"> welcome welcome welcome about links links about contribute contribute </pre> would produce a grid resembling the following: {| class="wikitable" | style="background-color:rgba(0,255,0,0.15)" | welcome | style="background-color:rgba(0,255,0,0.15)" | welcome | style="background-color:rgba(0,255,0,0.15)" | welcome |- | style="background-color:rgba(255,0,255, 0.15)" | about | style="background-color:rgba(0,0,255, 0.15)" | links | style="background-color:rgba(0,0,255, 0.15)" | links |- | style="background-color:rgba(255,0,255, 0.15)" | about | style="background-color:rgba(255,255,0, 0.15)" | contribute | style="background-color:rgba(255,255,0, 0.15)" | contribute |} Where <code>welcome</code> is the contents of [[{{MediaWiki:Mainpage}}/welcome]], <code>about</code> is the contents of [[{{MediaWiki:Mainpage}}/about]], and so on. See [[Template:Main page box]] for more information about creating your own boxes. If you enter a keyword that does not have a corresponding box already, you'll be prompted to create one when saving or previewing the page. If you leave a keyword out of a certain layout, it will not be displayed on that layout. A warning will be given at the top of the edit preview in case this was an accident, but can be safely ignored if intentional. For additional hints and information, see the comments that came on your main page or ask a wiki.gg staff member for help. ==Technical explanation== For the CSS savvy, this section explains how it works a bit under the hood. The input to desktop, tablet, and mobile create [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties CSS variables] which are then used as the value of [https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas grid-template-areas] in media queries for screen widths >=1350px, >=990px, and <990px. The boxes are given an id based on their subpage name, which is then used by the module to find the template, as well as by the box templates to assign them a CSS id of <code>mp-box-<keyword></code>. Since these keywords are used directly in the grid layout, they must follow the rules of [https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident <custom-ident>] naming. ==Dependencies== For this template to work properly, you need the following: * [[Module:Main page]] * All templates in [[:Category:Main page templates]]. * All CSS within the "Main page layout" section found in [[MediaWiki:Common.css]]. The <code>[[MediaWiki:Gadgets/mpEditLinks|mpEditLinks]]</code> gadget is also highly recommended. Its code can be found at [[MediaWiki:Gadgets/mpEditLinks/main.css]] and [[MediaWiki:Gadgets/mpEditLinks/main.js]]. ==TemplateData== <templatedata> { "params": { "desktop": { "label": "Desktop", "description": "The layout for wide screens", "required": true, "type": "string" }, "tablet": { "label": "Tablet", "description": "The layout for mid-width screens", "required": true, "type": "string" }, "mobile": { "label": "Mobile", "description": "The layout for narrow screens", "required": true, "type": "string" } }, "description": "Creates an IMP Main Page.", "format": "block" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> c5052ca4c6f9f0e1e2c0a81cea00e372d4bacdca 10 159 182 2025-06-12T21:37:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <code><nowiki>[</nowiki>[[Special:CargoTables/{{{1}}}|{{{1}}}]]<nowiki>]</nowiki>{{#if:{{{2|}}}|.{{{2}}}}}</code><noinclude> [[Category:Formatting templates]]</noinclude> d868545d4d3eeb1545e963d063199a68abba7836 10 160 183 2025-06-12T21:37:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = {{{1}}} | style = text-align:center; | class = missing }} The {{{1}}} box does not exist. Check your spelling or create it here:<br/> {{Main page box/create|{{{1|}}}|rootpage = {{{rootpage|}}}}}<br/> See [[Template:Main page box]] for more information. {{Main page box/end}}<noinclude>[[Category:Main page templates]]</noinclude> 5cff88dacf33c912d4aa04c1541e684a5f3e79bb 10 161 184 2025-06-12T21:37:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#vardefine:varname|ITER_INDEX_{{#if:{{{1|}}}|{{{1}}}|default}}<!-- end vardefine -->}}<!-- main logic -->{{#vardefineecho:{{#var:varname}}| {{#expr: {{#ifeq:{{lc:{{{reset|}}}<!-- end lc -->}} |yes |0 |{{#var:{{#var:varname}}|0}} <!-- end ifeq -->}} + {{#if:{{{get|}}}|0|1}} <!-- end expr -->}} <!-- end vde -->}}</includeonly><noinclude>{{documentation}} [[Category:Templates]]</noinclude> c37a3625d58a115a140f129da248ec1c9f6cb55e 10 162 185 2025-06-12T21:37:43Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template helps you create indexed columns in tables (particularly [[support:Cargo|Cargo]] queries) and to retrieve iterator values when using the parser function <code><nowiki>{{#arraymaptemplate</nowiki></code> (bundled with Extension:ParserPower on wiki.gg). == Simple counting == <pre> * {{iter|}} * {{iter|}} * {{iter|}} * {{iter|}} </pre> * {{iter|}} * {{iter|}} * {{iter|}} * {{iter|}} == Reset the counter == <pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|reset=yes}} * {{iter|}} </pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|reset=yes}} * {{iter|}} == Multiple counters == <pre> * {{iter|key1}} * {{iter|key2}} * {{iter|key2}} * {{iter|key1}} </pre> * {{iter|key1}} * {{iter|key2}} * {{iter|key2}} * {{iter|key1}} == Get value without incrementing == <pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|}} * {{iter|get=yes}} </pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|}} * {{iter|get=yes}} <noinclude> [[Category:Template documentation]] </noinclude> 20b5a53a6457493d2a2a9774b803511678a65760 10 163 186 2025-06-12T21:37:43Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = permission | icon = [[File:IN COPYRIGHT.svg|50px|link=|IN COPYRIGHT WITH PERMISSION]] | text = This file is copyrighted. The copyright holder has given permission for its use on wiki.gg. }}</includeonly><noinclude> This template currently looks like: {{License/permission}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 854af75c8477c36c50cb5d103ad8a933892fc322 187 186 2025-06-12T21:37:44Z ARTIFICER 564804 Protected "[[Template:License/permission]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = permission | icon = [[File:IN COPYRIGHT.svg|50px|link=|IN COPYRIGHT WITH PERMISSION]] | text = This file is copyrighted. The copyright holder has given permission for its use on wiki.gg. }}</includeonly><noinclude> This template currently looks like: {{License/permission}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 854af75c8477c36c50cb5d103ad8a933892fc322 10 164 188 2025-06-12T21:37:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><span class="country-flag" title="{{{2|}}}">{{#if: {{{1|}}} | [[File:Flag {{{1|}}}.svg|x20px|link=]] | }}</span><!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Formatting templates]]</noinclude> 9802f61bee0e36120c835608ccee85e72384341b 10 165 189 2025-06-12T21:37:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This formatting template allows you to display country flags inline. Available country flags can be seen in [[dev:Category:Country_flags|our Commons Wiki]]. == Usage == The template can be used with the following formatting: <code><nowiki>{{flag|code|Legend}}</nowiki></code>, where: * <code>code</code> is the [[wikipedia:ISO 3166-1 alpha-2|ISO 3166-1 alpha-2]] code for the country flag. * <code>Legend</code> is the legend displayed on hover (optional). == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{flag|ca|Canada}}</nowiki></code> || {{flag|ca|Canada}} |} <noinclude>[[Category:Template documentation]]</noinclude> 1fb455be1ffbed259dd27df18dd447e605746ed4 10 166 190 2025-06-12T21:37:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Disambiguation]] f220bcb889e0ce686a839d64ec6c4359b0e8bfb7 14 167 191 2025-06-12T21:37:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 168 192 2025-06-12T21:37:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 169 193 2025-06-12T21:37:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 170 194 2025-06-12T21:37:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 171 195 2025-06-12T21:37:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 172 196 2025-06-12T21:37:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] d17f98d5d77b5951b7a80755914239533ad6aba6 14 173 197 2025-06-12T21:37:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 174 198 2025-06-12T21:37:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki These categories are hidden on article pages. [[Category:Wiki maintenance]] e4d17499a8377d3f2b4b4a618a671e53111f43ca 14 175 199 2025-06-12T21:37:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Media]] b141d2b9971d6efe9f59bd03449781e71411c631 14 176 200 2025-06-12T21:37:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 177 201 2025-06-12T21:37:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 14 178 202 2025-06-12T21:37:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 179 203 2025-06-12T21:37:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 180 204 2025-06-12T21:37:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] d17f98d5d77b5951b7a80755914239533ad6aba6 14 181 205 2025-06-12T21:37:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] d17f98d5d77b5951b7a80755914239533ad6aba6 14 182 206 2025-06-12T21:37:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 183 207 2025-06-12T21:37:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 184 208 2025-06-12T21:37:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 185 209 2025-06-12T21:37:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 186 210 2025-06-12T21:37:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 187 211 2025-06-12T21:37:56Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 188 212 2025-06-12T21:37:56Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 189 213 2025-06-12T21:37:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 190 214 2025-06-12T21:37:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 191 215 2025-06-12T21:37:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 192 216 2025-06-12T21:37:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 193 217 2025-06-12T21:37:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 194 218 2025-06-12T21:37:59Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 195 219 2025-06-12T21:37:59Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 196 220 2025-06-12T21:38:00Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Official images used for purposes of promoting the game, that may not actually represent gameplay. [[Category:Images]] 80b893c439747ce681cf18cc579c3bc4c65cd502 14 197 221 2025-06-12T21:38:00Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 198 222 2025-06-12T21:38:01Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] [[Category:Wiki maintenance]] c1800be0da4588b3b652fa5324aade2c496fb3c5 14 199 223 2025-06-12T21:38:01Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Templates]] [[Category:Wiki maintenance]] b1ff76c0593194e53e6bf42f37ca337a5493c57e 14 200 224 2025-06-12T21:38:02Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki The sub-categories of this category contain pages that have been identified as needing attention for one or more of the following reasons: * Changes have been suggested that should be discussed first or are under discussion. * The page has flaws that need addressing by an editor with the knowledge or skills to help. * The action the page needs requires special rights. ''See also:'' * [[Special:BrokenRedirects|Broken redirects]] * [[Special:DoubleRedirects|Double redirects]] * [[Special:UncategorizedCategories|Uncategorized categories]] * [[Special:UncategorizedFiles|Uncategorized files]] * [[Special:UncategorizedPages|Uncategorized pages]] * [[Special:UncategorizedTemplates|Uncategorized templates]] * [[Special:WantedCategories|Wanted categories]] * [[Special:WantedFiles|Wanted files]] * [[Special:WantedPages|Wanted pages]] * [[Special:WantedTemplates|Wanted templates]] * [[Special:TrackingCategories|Other special tracking categories]] [[Category:{{SITENAME}}]] 4b90dc0dbd8c91e131e4ffcf22360b1c837b9717 14 201 225 2025-06-12T21:38:02Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 14 202 226 2025-06-12T21:38:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] d17f98d5d77b5951b7a80755914239533ad6aba6 14 203 227 2025-06-12T21:38:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 204 228 2025-06-12T21:38:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] d17f98d5d77b5951b7a80755914239533ad6aba6 14 205 229 2025-06-12T21:38:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 206 230 2025-06-12T21:38:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 207 231 2025-06-12T21:38:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 208 232 2025-06-12T21:38:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 209 233 2025-06-12T21:38:06Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Template documentation]] e65ecf60878d4707b3b4c1e3962615e2d5f3b2ab 14 210 234 2025-06-12T21:38:06Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 211 235 2025-06-12T21:38:06Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 212 236 2025-06-12T21:38:06Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 213 237 2025-06-12T21:38:07Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a DRUID infobox. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 17ed4520e5c453209616df3c9b2306fce8ceb12f 14 214 238 2025-06-12T21:38:07Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|navbox}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 3e48f396fafee5d8aecf6cd0dcb554c769f485a9 14 215 239 2025-06-12T21:38:08Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with an {{tl|ambox}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] de382f794395f344d0147dbb96b9542d6f38f624 14 216 240 2025-06-12T21:38:08Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|hatnote}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 4ac7721cfcffb2f181820164d95f3af8d86c4fd7 14 217 241 2025-06-12T21:38:08Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|spoiler}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 5822aa87e8a8897673ff589d00d2f0d622aa3be5 14 218 242 2025-06-12T21:38:09Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|quote}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 2f764cddd1fb264f48b896ffd6e892df3c391e90 14 219 243 2025-06-12T21:38:09Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|color}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] bcca0312385263c30522c744df6a8c8856c68fab 14 220 244 2025-06-12T21:38:10Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 221 245 2025-06-12T21:38:10Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Main page templates]] ce086f8cfa39aeb8137ffe34e5d41aa38300cf4e 14 222 246 2025-06-12T21:38:10Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] d17f98d5d77b5951b7a80755914239533ad6aba6 14 223 247 2025-06-12T21:38:11Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|Discord}} embed. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 11ff5616854d8913d2c371ae3c2c610278651846 14 224 248 2025-06-12T21:38:11Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 8 225 249 2025-06-12T21:38:12Z ARTIFICER 564804 Importing default loadout css text/css /* All CSS here will be loaded for users of the Vector skin */ /* This is the wiki.gg default loadout, please do not modify it inline. To add your own skin customizations, scroll down to the end of the default loadout (or search for "[END]" to jump there). If you modify the sheet above that point, your changes may be overwritten in updates without warning!!! If you want to maintain your own CSS for annual MediaWiki updates & be responsible for ALL bugfixes YOURSELF, change UPDATE in the following line to say NOUPDATE: DLW: UPDATE DLW VERSION: 2.1.3 IMPORTANT: if you are updating your wiki from a version before May 22, 2025, you need to copy [[MediaWiki:Gadgets/vectorScripts]] and [[MediaWiki:Gadgets/vectorScripts/main.js]] as well or your navigation tabs will break. */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ html, body { height: auto; min-height: 100%; } /* site background, avoid being covered by the wiki.gg netbar. */ html { background-color: var(--wiki-body-background-color); } body::before { content: ""; display: block; position: fixed; top: var(--wikigg-header-height); bottom: 0; left: 0; right: 0; z-index: -99999; background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); } body { background: none; font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); box-sizing: border-box; padding-top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, 0px)); padding-bottom: var(--wiki-bottom-spacing, 0px); padding-left: var(--wiki-left-spacing, 0px); padding-right: var(--wiki-right-spacing, 0px); box-sizing: border-box; } .skinpref-limited-width body, body.skinpref-limited-width { --wiki-page-content-max-width: var(--wiki-content-reduced-max-width, 1300px); } /* clear fix */ body::after { content: ""; display: table; clear: both; } #mw-page-base, #mw-head-base { background: none; --height: calc(var(--wiki-navigation-height, 3em) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0) + var(--wiki-is-top-logo, 0) * (var(--wiki-logo-height, 160px) + var(--wiki-logo-margin, 15px))); /* if is-top-logo, height of navigation, else height of navigation + logo-height + logo-margin */ height: var(--height); } #mw-page-base { max-width: var(--wiki-page-content-max-width, 9999px); margin: auto; } #mw-head-base { width: calc(min(100%, var(--wiki-page-content-max-width, 9999px)) - var(--wiki-sidebar-width, 10em) - var(--wiki-gap-between-sidebar-and-content, 0.5em)); margin-top: calc(-1 * var(--height)); margin-left: calc(max(0px, 100% - var(--wiki-page-content-max-width, 9999px)) / 2 + var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em)); } /* let ul default to text that respects color */ ul { list-style-image: none; } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ /* prevent margin collapse */ .content-wrapper::before { content: " "; display: table; } .content-wrapper{ --navigation-border-bottom-width: calc(var(--wiki-navigation-border-bottom-width, calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)))); } /****** navbar (#mw-head) ******/ .vector-menu-tabs .mw-list-item, #p-cactions { float: unset; line-height: 1.5; box-sizing: border-box; white-space: nowrap; } #mw-head { --icon-star-filled: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); /* icon below is from https://tabler-icons.io/ */ --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em)); width: auto; height: var(--wiki-navigation-height); margin-top: calc(-1 * (var(--wiki-navigation-height) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0))); position: relative; display: flex; align-items: stretch; z-index: 1; background: var(--wiki-navigation-box-background, none); border: calc(var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0)) var(--wiki-content-border-style, solid) var(--wiki-content-border-color); border-bottom-width: 0; border-radius: var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) 0 0; border-image: var(--wiki-navigation-box-border-image, none); backdrop-filter: var(--wiki-navigation-box-backdrop-filter, none); } /* top border of the content */ #mw-head::before { content: ""; display: block; box-sizing: border-box; position: absolute; top: calc(100% - min(var(--wiki-navigation-left-spacing, 0px) * 999, var(--navigation-border-bottom-width)) + var(--navigation-border-bottom-width)); left: 0; width: calc(max(var(--wiki-navigation-left-spacing, 0px), var(--navigation-border-bottom-width))); height: calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width))); border: 0 var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); border-left-width: var(--navigation-border-bottom-width); border-top-width: var(--navigation-border-bottom-width); border-top-left-radius: calc(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0))); } #left-navigation, #right-navigation { float: none; margin: 0; display: flex; align-items: flex-end; margin-bottom: calc(-1 * var(--navigation-border-bottom-width)); } #left-navigation { flex: 0 0 auto; justify-content: flex-start; } #right-navigation { flex: 1 1 auto; justify-content: flex-end; } #left-navigation::before, #left-navigation::after, #right-navigation::before, #right-navigation::after { content: ""; display: block; height: 0; border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); flex: 0 0 auto; } #left-navigation::before { box-sizing: border-box; width: var(--wiki-navigation-left-spacing, 0px); border-bottom-width: 0; } #left-navigation::after { width: var(--wiki-navigation-gap-between-left-and-right); } #right-navigation::before { flex: 1 1 auto; width: auto; } #right-navigation::after { width: var(--wiki-navigation-right-spacing); display: none; /* only for desktop */ } /*** tabs ***/ /* reset */ .vector-menu, .vector-menu *, .vector-menu-tabs-legacy li { background: none; } .vector-menu input { border: 0; } /* tabs list */ .vector-menu-tabs { height: unset; padding: unset; } .vector-menu-tabs .vector-menu-content { height: 100%; } .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ .vector-menu-tabs .mw-list-item, .vector-menu-dropdown { /* outer box of normal tabs: border-bottom */ border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); border-radius: var(--wiki-navigation-border-radius) var(--wiki-navigation-border-radius) 0 0; position: relative; margin-right: max(0px, var(--wiki-navigation-tab-spacing)); /* make space for gap */ height: auto; } .vector-menu-tabs .mw-list-item::after, .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: max(0px, var(--wiki-navigation-tab-spacing)); height: 0; border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); position: absolute; left: 100%; bottom: calc(0px - var(--navigation-border-bottom-width)); } .vector-menu-tabs .mw-list-item + .mw-list-item, .vector-menu-dropdown { margin-left: calc(min(0px, var(--wiki-navigation-tab-spacing))); } .vector-menu-tabs .mw-list-item a, .vector-menu-tabs .mw-list-item a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { /* "#mw-head " is needed here to correctly overwriting mw default css */ /* inner box of normal tabs: tab style */ height: auto; margin: 0; padding: var(--wiki-navigation-tab-padding-top, 1.25em) var(--wiki-navigation-tab-padding-x, 0.75em) var(--wiki-navigation-tab-padding-bottom, 4px); border: var(--wiki-navigation-border-width, 1px) var(--wiki-navigation-border-style, solid) var(--wiki-navigation-border-color); border-bottom: 0; border-radius: var(--wiki-navigation-border-radius) var(--wiki-navigation-border-radius) 0 0; border-image: var(--wiki-navigation-border-image); color: var(--wiki-navigation-text-color); background-image: var(--wiki-navigation-background-image, none); background-color: color-mix(in srgb, var(--wiki-navigation-background-color) var(--wiki-navigation-background-opacity), transparent); background-size: var(--wiki-navigation-background-size, auto); background-repeat: var(--wiki-navigation-background-repeat, repeat); background-position: var(--wiki-navigation-background-position, center); font-size: var(--wiki-navigation-font-size, 0.8125em); } .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { border-color: var(--wiki-navigation-border-color--hover, var(--wiki-navigation-border-color)); color: var(--wiki-navigation-text-color--hover); border-image: var(--wiki-navigation-border-image--hover); background-image: var(--wiki-navigation-background-image--hover, var(--wiki-navigation-background-image, none)); background-color: color-mix(in srgb, var(--wiki-navigation-background-color--hover, var(--wiki-navigation-background-color)) var(--wiki-navigation-background-opacity--hover, var(--wiki-navigation-background-opacity)), transparent); background-size: var(--wiki-navigation-background-size--hover, var(--wiki-navigation-background-size, auto)); background-repeat: var(--wiki-navigation-background-repeat--hover, var(--wiki-navigation-background-repeat, repeat)); background-position: var(--wiki-navigation-background-position--hover, var(--wiki-navigation-background-position, center)); } .vector-menu-tabs .mw-list-item.selected { background: none; border-bottom-color: transparent; } .vector-menu-tabs .mw-list-item.selected a { /* inner box of selected tab: tab style */ background-image: var(--wiki-navigation-selected-background-image, none); background-color: color-mix(in srgb, var(--wiki-navigation-selected-background-color) var(--wiki-navigation-selected-background-opacity), transparent); background-size: var(--wiki-navigation-selected-background-size, auto); background-repeat: var(--wiki-navigation-selected-background-repeat, repeat); background-position: var(--wiki-navigation-selected-background-position, center); border: var(--wiki-navigation-selected-border-width, 1px) var(--wiki-navigation-selected-border-style, solid) var(--wiki-navigation-selected-border-color); border-bottom: 0; border-image: var(--wiki-navigation-selected-border-image); color: var(--wiki-navigation-selected-text-color); } .vector-menu-tabs .mw-list-item.selected::before { content: ''; display: block; width: 100%; box-sizing: border-box; height: var(--navigation-border-bottom-width); border: var(--wiki-navigation-selected-border-width, var(--wiki-content-border-width, 1px)) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); border-top-width: 0; border-bottom-width: 0; position: absolute; bottom: calc(0px - var(--navigation-border-bottom-width)); background: var(--wiki-navigation-selected-border-bottom-background, transparent); background-clip: padding-box; } /* watch/unwatch star */ .vector-menu-tabs #ca-watch.icon a, .vector-menu-tabs #ca-unwatch.icon a { width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--wiki-navigation-tab-padding-top, 1.25em) var(--wiki-navigation-tab-padding-x--icon, var(--wiki-navigation-tab-padding-x, 0.75em)) var(--wiki-navigation-tab-padding-bottom, 4px) var(--wiki-navigation-tab-padding-x--icon, var(--wiki-navigation-tab-padding-x, 0.75em)); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ } .vector-menu-tabs #ca-watch.icon a::before, .vector-menu-tabs #ca-unwatch.icon a::before { content: ""; display: block; position: unset; background-image: none !important; width: var(--wiki-navigation-icon-size, 1em); height: var(--wiki-navigation-icon-size, 1em); margin: calc((1.5em - var(--wiki-navigation-icon-size, 1em)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-color: var(--wiki-navigation-text-color--hover); } .vector-menu-tabs #ca-watch.icon a span, .vector-menu-tabs #ca-unwatch.icon a span { display: none; } .vector-menu-tabs #ca-watch.icon a::before, .vector-menu-tabs #ca-unwatch.icon a::before { transform-origin: 50% calc(var(--wiki-navigation-icon-size, 1em) / 2 * 1.125); } .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: var(--icon-star-empty); } .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: var(--icon-star-filled); } /*** dropdown menu ***/ .vector-menu-dropdown .vector-menu-heading { /* "More" */ /* tab label */ position: relative; display: flex; align-items: center; gap: 0.25em; } .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ content: ""; display: block; width: 1em; height: 1em; margin-top: 1px; /* tweak offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background: unset; background-color: var(--wiki-navigation-text-color); filter: none; } .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ background-color: var(--wiki-navigation-text-color--hover); } .vector-menu-dropdown .mw-list-item a:not(.vector-icon) { font-size: var(--wiki-navigation-dropdown-font-size, 0.8125em); } .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--wiki-navigation-dropdown-border-width) solid var(--wiki-navigation-dropdown-border-color); border-radius: 0 0 var(--wiki-navigation-dropdown-border-radius) var(--wiki-navigation-dropdown-border-radius); border-image: var(--wiki-navigation-dropdown-border-image); background: color-mix(in srgb, var(--wiki-navigation-dropdown-background-color, var(--wiki-content-background-color)) var(--wiki-navigation-dropdown-background-opacity, var(--wiki-content-background-opacity, 100%)), transparent); box-shadow: var(--wiki-navigation-dropdown-shadow); backdrop-filter: var(--wiki-navigation-dropdown-backdrop-filter); left: 0; /* reset */ margin: 0; /* reset */ } .vector-menu-dropdown .vector-menu-content ul { padding: var(--wiki-navigation-dropdown-padding, 0); border: 0; } .vector-menu-dropdown .vector-menu-content li:hover { background: var(--wiki-navigation-dropdown-item-background--hover, none); } .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--wiki-navigation-dropdown-item-padding, 0); color: var(--wiki-navigation-text-color); } .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--wiki-navigation-text-color--hover, var(--wiki-content-link-color--hover)); /* fallback for backwards compatibility */ } /*** search form ***/ #p-search { margin: 0; padding: 0 calc(max(0px, var(--wiki-navigation-right-spacing, 0px))) calc(var(--wiki-navigation-search-bottom-spacing, 3px) + var(--navigation-border-bottom-width)) calc(max(0px, 3px - max(0px, var(--wiki-navigation-tab-spacing, -1px)))); z-index: 2; position: relative; font-size: var(--wiki-navigation-search-font-size, var(--wiki-navigation-font-size, 0.8125em)); } .vector-search-box form { margin: unset; } #p-search .searchButton { background-color: transparent; font-size: unset; } /*new search form */ #p-search input{ line-height: normal; } #p-search input, #p-search button{ height: unset; min-height: var(--wiki-navigation-search-height, 2em); } #p-search button{ min-width: var(--wiki-navigation-search-height, 2em); } @media screen and (min-width: 721px) { #p-search .cdx-text-input{ min-width: 10em; width: 20vw; max-width: 20em; } } /* top border of the content box */ #p-search::before { content: ""; display: block; width: calc(100% - calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width)))); height: 0; border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); position: absolute; bottom: 0; left: 0; } /* top right border-radius of content area */ #p-search::after { content: ""; display: block; width: calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width))); height: calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width))); box-sizing: border-box; border-width: var(--navigation-border-bottom-width) var(--navigation-border-bottom-width) 0 0; border-style: var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)); border-color: var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); border-radius: 0 calc(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0))) 0 0; position: absolute; top: calc(100% - var(--navigation-border-bottom-width)); right: 0; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color: var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color: var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background: none; padding-right: 0; } .mw-parser-output a.external::after { display: inline-block; width: 1em; height: 1em; margin-left: 1px; content: ''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left: 0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } .plainlinks a.external::after { display: none; } /* Using a background instead of an ::after prevents the icon from wrapping onto its own line, but prevents it from being recolored. Use this only for icons that should not be recolored, otherwise use the ::after method used for external links above */ a.extiw[title^="wikipedia:"], a.extiw[title^="wp:"], a.extiw[title^="mw:"], a.extiw[title^="support:"] { padding-right: 1em; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; } a.extiw[title^="wikipedia:"], a.extiw[title^="wp:"] { background-image: url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406) } a.extiw[title^="mw:"] { background-image: url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406) } a.extiw[title^="support:"] { background-image: url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg) } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel { width: var(--wiki-sidebar-width, 10em); box-sizing: border-box; padding-left: unset; position: relative; z-index: 1; /* above #footer */ padding-top: calc((1 - var(--wiki-is-top-logo, 0)) * (var(--wiki-logo-file-height, 160) / var(--wiki-logo-file-width, 160) * var(--wiki-sidebar-width, 10em) + var(--wiki-logo-margin, 15px))); /* if is-top-logo, logo-file ratio * sidebar-width + logo-margin, else 0 */ top: calc(-1 * var(--wiki-is-navigation-inside-content, 0) * (var(--wiki-navigation-height) + var(--wiki-content-border-width,1px))); } #mw-panel .vector-menu-portal { background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent); background-image: var(--wiki-sidebar-background-image, none); background-size: var(--wiki-sidebar-background-size, auto); background-repeat: var(--wiki-sidebar-background-repeat, repeat); background-position: var(--wiki-sidebar-background-position, center); border: var(--wiki-sidebar-border-width, 1px) var(--wiki-sidebar-border-style, solid) var(--wiki-sidebar-border-color); border-image: var(--wiki-sidebar-border-image, none); margin: 0 var(--wiki-sidebar-margin, 0.5em); padding: 0; backdrop-filter: var(--wiki-sidebar-backdrop-filter, none); } #mw-panel #p-ext-discordwidget{ backdrop-filter: none; } @supports not (color:color-mix(in srgb, #000, transparent)) { #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); } } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom: 0; } .vector-menu-portal .vector-menu-heading { padding: var(--wiki-sidebar-heading-padding, 0.5rem 0.25rem 0.5rem 0.5rem); margin: 0 0 var(--wiki-sidebar-heading-margin-bottom, -0.5rem) 0; background: var(--wiki-sidebar-heading-background, none); color: var(--wiki-sidebar-heading-color); font-family: var(--wiki-sidebar-heading-font-family); font-size: var(--wiki-sidebar-heading-font-size, 0.75em); font-weight: var(--wiki-sidebar-heading-font-weight, normal); } .vector-menu-portal .vector-menu-content { margin: 0; padding: var(--wiki-sidebar-list-padding, 0.25rem); } .vector-menu-portal .vector-menu-content ul { padding: 0; } .vector-menu-portal .vector-menu-content li { font-size: var(--wiki-sidebar-font-size, 0.75em); line-height: var(--wiki-sidebar-line-height, 1.125em); padding: 0; } .vector-menu-portal .vector-menu-content li a { display: block; padding: var(--wiki-sidebar-list-item-padding, 0.25em 0.25rem); } .vector-menu-portal .vector-menu-content li a.feedlink{ /* Atom */ background: none; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color: var(--wiki-sidebar-link-color--hover, var(--wiki-content-link-color--hover)); /* fallback for backwards compatibility */ background: var(--wiki-sidebar-list-item-background--hover, none); } #t-newpage { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order: -1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order: -1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order: -1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order: -1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order: -1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order: -1; } #feedlinks{ --sidebar-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg baseProfile='tiny' height='24px' id='Layer_1' version='1.2' viewBox='0 0 24 24' width='24px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M6.002,15.999C4.895,15.999,3.998,16.896,4,18c0,1.104,0.896,2.001,2.002,1.999C7.105,20.001,8.002,19.105,8,18 C8.002,16.893,7.105,15.997,6.002,15.999z'/%3E%3Cpath d='M6,4C4.896,4,4,4.896,4,6s0.896,2,2,2c5.514,0,10,4.486,10,10c0,1.104,0.896,2,2,2s2-0.896,2-2C20,10.28,13.72,4,6,4z'/%3E%3Cpath d='M6,10c-1.104,0-2,0.896-2,2s0.896,2,2,2c2.205,0,4,1.794,4,4c0,1.104,0.896,2,2,2s2-0.896,2-2C14,13.589,10.411,10,6,10z'/%3E%3C/svg%3E"); order: -1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before, #feedlinks > a::before { content: ''; background-image: var(--sidebar-icon); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.25em; height: 1.25em; } #p-tb .mw-list-item > a::before { filter: var(--wiki-sidebar-icon-to-link-filter, var(--wiki-icon-to-link-filter)); } #p-tb .mw-list-item > a { display: flex; align-items: center; gap: 3px; } #p-tb .vector-menu-content-list { display: flex; flex-direction: column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom: var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal, #mw-panel #p-ext-discordwidget + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */ } #mw-panel #p-ext-discordwidget + .vector-menu-portal { border-top-width: var(--wiki-sidebar-border-width, 1px); } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ #p-logo { width: calc(var(--wiki-sidebar-width, 10em) * (1 - var(--wiki-is-top-logo, 0)) + var(--wiki-logo-file-width, 160) / var(--wiki-logo-file-height, 160) * var(--wiki-logo-height, 160px) * var(--wiki-is-top-logo, 0)); height: calc(var(--wiki-logo-file-height, 160) / var(--wiki-logo-file-width, 160) * var(--wiki-sidebar-width, 10em) * (1 - var(--wiki-is-top-logo, 0)) + var(--wiki-logo-height, 160px) * var(--wiki-is-top-logo, 0)); position: absolute; top: calc(-1 * (var(--wiki-navigation-height, 3rem) + var(--wiki-logo-height, 160px) + var(--wiki-logo-margin, 0px) - var(--wiki-is-navigation-inside-content, 0) * (var(--wiki-navigation-height))) * var(--wiki-is-top-logo, 0)); left: calc((min((100vw - var(--wiki-left-spacing, 0.5em) - var(--wiki-left-spacing)), var(--wiki-page-content-max-width, 9999px)) - var(--wiki-logo-file-width, 160) / var(--wiki-logo-file-height, 160) * var(--wiki-logo-height, 160px)) / 2 * var(--wiki-is-top-logo, 0)); margin: 0; filter: var(--wiki-logo-filter, none); } #p-logo a { background-size: contain; position: absolute; top: var(--wiki-logo-offset-y, 0); left: var(--wiki-logo-offset-x, 0); bottom: 0; right: 0; width: 100%; height: 100%; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .content-wrapper { max-width: var(--wiki-page-content-max-width, none); margin-left: auto; margin-right: auto; } .mw-body, .parsoid-body { color: var(--wiki-content-text-color); background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em)); margin-top: unset; border-top: 0; border-left: var(--wiki-content-border-width, 1px) solid transparent; border-right: var(--wiki-content-border-width, 1px) solid transparent; border-bottom: var(--wiki-content-border-bottom-width, 1px) solid transparent; border-radius: calc((1 - var(--wiki-is-navigation-inside-content, 0)) * min(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)), var(--wiki-navigation-left-spacing, 0px))) calc((1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))); position: relative; backdrop-filter: var(--wiki-content-backdrop-filter, none); } @supports not (color:color-mix(in srgb, #000, transparent)) { .mw-body, .parsoid-body { background-color: var(--wiki-content-background-color); } } .mw-body::after, .parsoid-body::after { content: ''; display: block; box-sizing: border-box; position: absolute; left: calc(-1 * var(--wiki-content-border-width, 1px)); right: calc(-1 * var(--wiki-content-border-width, 1px)); top: calc(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0))); bottom: calc(-1 * var(--wiki-content-border-bottom-width, 1px)); pointer-events: none; border-left: var(--wiki-content-border-width, 1px) var(--wiki-content-border-style, solid) var(--wiki-content-border-color); border-right: var(--wiki-content-border-width, 1px) var(--wiki-content-border-style, solid) var(--wiki-content-border-color); border-bottom: var(--wiki-content-border-bottom-width, 1px) var(--wiki-content-border-bottom-style, solid) var(--wiki-content-border-bottom-color, var(--wiki-content-border-color)); border-radius: 0 0 calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))); border-image: var(--wiki-content-border-image, none); } #mw-data-after-content { max-width: calc(var(--wiki-page-content-max-width) - var(--wiki-sidebar-width) - var(--wiki-gap-between-sidebar-and-content)); margin-left: calc(var(--wiki-sidebar-width) + var(--wiki-gap-between-sidebar-and-content) + max(0px, 100% - var(--wiki-page-content-max-width)) / 2); box-sizing: border-box; color: var(--wiki-content-text-color); background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); } #mw-data-after-content .read-more-container { border: var(--wiki-content-border-width, 1px) var(--wiki-content-border-style, solid) var(--wiki-content-border-color); border-top-width: 0; border-bottom: var(--wiki-content-border-bottom-width, 1px) var(--wiki-content-border-bottom-style, solid) var(--wiki-content-border-bottom-color, var(--wiki-content-border-color)); padding: 1em; margin: 0; } #mw-data-after-content .read-more-container:empty { display: none; } @media screen and (min-width: 982px) { #mw-data-after-content .read-more-container { padding: 1.25em 1.5em 1.5em 1.5em; } } .mw-footer { max-width: calc(var(--wiki-page-content-max-width, 9999px) - var(--wiki-sidebar-width, 10em) - var(--wiki-gap-between-sidebar-and-content, 0.5em)); box-sizing: border-box; background-color: color-mix(in srgb, var(--wiki-footer-background-color, var(--wiki-content-background-color)) var(--wiki-footer-background-opacity, var(--wiki-content-background-opacity)), transparent); border: var(--wiki-footer-border-width, 1px) var(--wiki-footer-border-style, solid) var(--wiki-footer-border-color, var(--wiki-content-border-color)); border-top-width: calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-footer-border-width, 1px))); margin-top: var(--wiki-spacing-before-footer, 0px); border-radius: calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)))) var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)) var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)); margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em) + max(0px, 100% - var(--wiki-page-content-max-width, 9999px)) / 2); color: var(--wiki-footer-text-color); border-image: var(--wiki-footer-border-image, none); backdrop-filter: var(--wiki-footer-backdrop-filter, none); } @supports not (color:color-mix(in srgb, #000, transparent)) { .mw-footer { background-color: var(--wiki-footer-background-color, var(--wiki-content-background-color)); } } .mw-footer li { color: var(--wiki-footer-text-color); } .mw-footer a, .mw-footer a:visited { color: var(--wiki-footer-link-color); } .mw-footer a:hover, .mw-footer a:visited:hover { color: var(--wiki-footer-link-color--hover); } /* fix */ @media screen and (max-width: 900px) { #footer-icons, #footer-places { clear: unset; } } /******************************* * End content area and footer * *******************************/ /*********** * Headings * ************/ .mw-body h1 { border-bottom: 1px solid var(--wiki-content-border-color); font-family: var(--wiki-heading-font-family); } .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); font-family: var(--wiki-heading-font-family); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .mw-editsection-bracket, .mw-editsection-divider { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--wiki-content-link-color); } .jquery-tablesorter th.headerSortUp::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } .jquery-tablesorter th.headerSortDown::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg, var(--wiki-content-background-color) 25%, transparent 25%, transparent 50%, var(--wiki-content-background-color) 50%, var(--wiki-content-background-color) 75%, transparent 75%, transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color: var(--wiki-content-text-mix-color); border-color: var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span { border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color: var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color)); border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color: var(--wiki-alert-color); } .mw-plusminus-null { color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ } .mw-plusminus-pos { color: var(--wiki-success-color); } .updatedmarker { background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); color: var(--wiki-content-text-color); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter: var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter: brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ background-color: var(--wiki-content-text-mix-color-95); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95)); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent); background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color: var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading { border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage:not(audio) { height: auto; } body.skin--responsive .mw-parser-output .thumb .thumbinner > .thumbcaption { width: revert; } /* packed-overlay and packed-hover modes for galleries */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent); } /* for non-thumbnail left floaters, increased margin from 0.5em to account for <ul> */ div.floatleft, table.floatleft { margin-right: 1.4em; } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright, div.floatright, div.tleft, div.floatleft { float: none; margin: 0 auto; width: fit-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color: var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet > .index > :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span:hover { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color: var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog { max-width: 100%; box-sizing: border-box; } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .ext-WikiEditor-realtimepreview-ErrorLayout { background-color: var(--wiki-content-background-color); } .ext-WikiEditor-image-realtimepreview-error { filter: var(--wiki-icon-general-filter); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor { --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); } .ace_gutter-cell { color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent); } .ace_editor .ace_print-margin { width: 1px; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent); color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent); } .ace_editor .ace_cursor, .ace-monokai .ace_punctuation, .ace-monokai .ace_punctuation.ace_tag { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line, .ace_editor .ace_gutter-active-line { background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent) } .ace-tm .ace_marker-layer .ace_selected-word { background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ace_editor .ace_marker-layer .ace_selection { background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_editor .ace_invisible { color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent); } .ace_editor .ace_xml-pe { color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent); } .ace_editor .ace_indent-guide { background: none; box-shadow: 1px 0 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent); color: var(--wiki-content-text-color); } .view-dark .ext-codemirror-wrapper, .ext-codemirror-wrapper { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .ext-codemirror-wrapper { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .ext-codemirror-wrapper { background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent); color: var(--wiki-content-text-color) } .cm-editor .cm-selectionBackground, .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground { background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); } .cm-mw-keyword { color: var(--codemirror-purple) } .cm-mw-def { color: var(--codemirror-blue) } .cm-mw-variable-2 { color: var(--codemirror-light-blue) } .cm-mw-string { color: var(--codemirror-red) } .cm-mw-atom { color: var(--codemirror-pink) } .cm-mw-number { color: var(--codemirror-green) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } .cm-editor .cm-tooltip-autocomplete ul li[aria-selected] { background: color-mix(in srgb, var(--wiki-content-link-color) 15%, var(--wiki-content-background-color)); color: var(--wiki-content-link-color); } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var(--wikigg-header-height); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /* fix a lot of empty space from TemplateData when using VE Source */ .tdg-editscreen-main.mw-body-content::after { display: none; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color: var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__tab[aria-selected="true"] { box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset; } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color: var(--wiki-accent-color) } :focus-visible { outline-style: solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color: var(--wiki-content-border-color); } hr { background-color: var(--wiki-content-border-color); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color: var(--wiki-content-border-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } .ui-state-focus { /* we need an important here because the built-in styles have one */ background: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color) !important; } .ui-menu .ui-menu-item a { color: var(--wiki-content-dynamic-color); } #contentSub, #contentSub2 { color: var(--wiki-content-text-mix-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); top: var(--wikigg-header-height); } .mw-notification .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter: unset; } /**/ .mime-type.has-warning { color: var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter: drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter: brightness(0) var(--wiki-icon-to-link-filter); filter: var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover > td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable > * > tr > th, .mw-datatable > tr > th, .mw-json > * > tr > th, .mw-json > tr > th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable > * > tr > td, .mw-datatable > tr > td, .mw-json > * > tr > td, .mw-json > tr > td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .mw-destfile-warning { border-color: var(--wiki-warning-color); color: var(--wiki-content-text-color); background-color: color-mix(in srgb, var(--wiki-warning-color) 25%, transparent); } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-accent-label-color); text-decoration: underline; } table.cargoTable th.headerSort::after { background-color: var(--wiki-accent-link-color); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: var(--wiki-content-text-color); } table.dataTable tbody tr { background-color: var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom, var(--wiki-content-background-color) 0%, var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } .action-pagevalues tr:hover { background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color: var(--wiki-content-border-color); } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image: none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content: ''; pointer-events: none; filter: var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent) } .oo-ui-image-invert.oo-ui-icon-check { background: none; position: relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content: ''; pointer-events: none; filter: var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button > .oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color: var(--wiki-accent-color); } 100% { border-top-color: var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter: unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline: none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline: 1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color: var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent); text-shadow: none; border-color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color: var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color: var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-errors { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 90%, transparent); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .oo-ui-popupToolGroup-tools { max-width: 100%; } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color: var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition: none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color: var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color: var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow: inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline: 1px solid var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color: var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless > button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color), inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover), inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover), inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal > .oo-ui-dialog { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-alert-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color), 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); color: var(--wiki-accent-label-color); } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent); } .mw-spinner-container > div::after { background-color: var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color: var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight, .skin-theme-clientpref-night div.mw-highlight { background-color: var(--wiki-content-dynamic-color--inverted); margin: 0.5em 0; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight pre { background: var(--pygments-background); margin: 0; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var(--wikigg-header-height); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color: var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color: var(--wiki-content-text-color); } .suggestions-special.suggestions-result-current .special-label, .suggestions-special.suggestions-result-current .special-query { color: var(--wiki-accent-label-color); } /* search page */ fieldset#mw-searchoptions { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /**/ /* Login/register page */ .mw-number-text { color: var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color: var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position: relative; background: none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position: absolute; width: 95px; height: 100%; left: 0; top: 0; content: ''; filter: brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color: var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display: inline-block; width: 8px; height: 100%; content: ''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-mmv-image img.gif, .mw-mmv-image img.png, .mw-mmv-image img.webp, .mw-mmv-image img.svg, .mw-mmv-image img.tiff, .mw-mmv-image img.tif { /* Using the normal checker image instead of mmv's because the normal one has transparency */ background: url(/mw-1.43/resources/src/mediawiki.action/images/checker.svg?ff513) repeat; background-color:var(--wiki-content-background-color--secondary); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color: var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color: var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color: var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color: var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter: var(--wiki-icon-general-filter) } /**/ /* codex fixes */ .cdx-checkbox__icon { background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color: var(--wiki-accent-color--hover); } .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { background-color: transparent; } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { background-color: var(--wiki-content-text-mix-color-95); } /**/ /* override default vector putting a background color on file pages in dark mode */ html.skin-theme-clientpref-night #file img, html.skin-theme-clientpref-os #file img { background-color: transparent; } /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .ve-init-mw-progressBarWidget-bar { background-color: var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { top: var(--wikigg-header-height, 0); background: var(--wiki-content-background-color); } div.ve-ce-branchNode { border-color: var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow: inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage { filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ve-ce-languageAnnotation { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); border-color: var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .mw-widget-mediaResultWidget .mw-widget-mediaResultWidget-nameLabel { color: #fff; } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--wiki-content-text-mix-color); } .ve-ui-expandableContent-fade { background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%); } .ve-ui-expandableContent-toggle { background-color: var(--wiki-content-background-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpListToolGroup-tools-footer { border-color: var(--wiki-content-border-color); } .ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent); } /****************** * End AbuseFilter * *******************/ /************************************ * Theme-based Special:MultiPageEdit * *************************************/ :root { --jexcel-border-color: var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */ } .jexcel, .jexcel_container.fullscreen .jexcel_content { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); border-right-color: var(--wiki-content-border-color); } table.jexcel > tbody > tr > td:first-child, table.jexcel > thead, table.jexcel > thead > tr > td, table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: var(--wiki-content-background-color--secondary); } table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } table.jexcel > thead > tr > td { border-bottom-color: var(--wiki-content-border-color); } .jexcel > thead > tr > td.arrow-up, .jexcel > thead > tr > td.arrow-down { background: none; } .jexcel > thead > tr > td.arrow-up::after, .jexcel > thead > tr > td.arrow-down::after { display: inline-block; position: absolute; right: 0; top: 0; background-repeat: no-repeat; background-position: center right 5px; width: 22px; height: 100%; content: ''; filter: brightness(50%) var(--wiki-icon-general-filter); } .jexcel > thead > tr > td.arrow-up::after { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr > td.arrow-down::after { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr:nth-child(2) > td { z-index: 1; /* prevents overlapping the headings after scrolling on tall tables */ } .jexcel > tbody > tr > td { border-top-color: var(--wiki-content-text-mix-color-95); border-bottom-color: var(--wiki-content-text-mix-color-95); } .jexcel > tbody > tr > td.readonly { color: var(--wiki-content-text-mix-color); } .jexcel_content { scrollbar-color: var(--wiki-content-text-mix-color) transparent; /* we need this important to override inline styling */ box-shadow: var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important; } .jexcel .highlight { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .jexcel .highlight-top { border-top-color: var(--wiki-content-text-mix-color); box-shadow: 0px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-left { border-left-color: var(--wiki-content-text-mix-color); box-shadow: -1px 0px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-top.highlight-left { box-shadow: -1px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-right { border-right-color: var(--wiki-content-text-mix-color); } .jexcel .highlight-bottom { border-bottom-color: var(--wiki-content-text-mix-color); } .jexcel .jexcel_column_filter { background: none; } .jexcel .jexcel_column_filter::after { display: inline-block; position: absolute; right: 0; top: 0; background-repeat: no-repeat; background-position: top 50% right 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); width: 20px; height: 100%; content: ''; filter: brightness(50%) var(--wiki-icon-general-filter); } .jexcel_pagination > div > div { background-color: var(--wiki-accent-color); /* we need this important to override a built-in one */ color: var(--wiki-accent-label-color) !important; } .jexcel_page_selected { background: linear-gradient(to bottom, var(--wiki-accent-color) 0%, var(--wiki-accent-color--hover) 100%); /* we need this important to override a built-in one */ border: 1px solid var(--wiki-content-border-color) !important; } /**************************** * End Special:MultiPageEdit * *****************************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #msupload-select { filter: brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .drop-over { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color) !important; } #msupload-bottom { border-color: var(--wiki-content-border-color); } #msupload-bottom #msupload-files { padding-left: 0; background: none; } #msupload-bottom #msupload-files::before { display: inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position: left center; height: 22px; width: 25px; content: ''; vertical-align: top; filter: var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color: var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box, .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color: var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment-author-anonymous { color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment { border: 1px solid var(--wiki-content-border-color); } .cs-comment-body { padding: 0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color: var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color: var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td { background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color: var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /*************************** * Theme-based SearchDigest * ****************************/ .searchdigest-stats-table { border-color: var(--wiki-content-border-color); border-collapse: collapse; } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead tr { background: var(--wiki-content-background-color--secondary); } /******************* * End SearchDigest * ********************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height: unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height: calc( 80px/*card height*/ + 10px/*card margin*/ + 1em/*container padding*/ + 0.3em/*card-list margin*/ + 0.8em/*h2 font-size*/ + 1em/*h2 padding*/ + 0.6em/*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color: var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color: var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color: var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color: var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right, transparent, var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position: relative; background-image: none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right: 1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color: var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right, transparent, var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color: var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color: var(--wiki-content-background-color); } .popups-icon { position: relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em, 20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image: none; } .popups-icon::after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; -webkit-mask-image: var(--mask-image, none); mask-image: var(--mask-image, none); -webkit-mask-repeat: var(--mask-repeat, no-repeat); mask-repeat: var(--mask-repeat, no-repeat); -webkit-mask-size: var(--mask-size, calc(max(1.4285714em, 20px))); mask-size: var(--mask-size, calc(max(1.4285714em, 20px))); -webkit-mask-position: var(--mask-position, center); mask-position: var(--mask-position, center); background-color: var(--mask-color, currentColor); background-color: var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /************************* * Extension:CiteThisPage * **************************/ .mw-specialCiteThisPage-bibliographic { background-color:var(--wiki-content-background-color--secondary); } /***************************** * End Extension:CiteThisPage * ******************************/ /********************* * Mobile adjustments * **********************/ /* Responsive Special:UserRights */ #mw-userrights-table-outer input#wpReason { width: 100%; max-width: 33.5em; } @media screen and (max-width: 720px) { :root:root { /* make it won't be override by user's common.css */ --wiki-is-top-logo: 1; --wiki-left-spacing: 0px; --wiki-right-spacing: 0px; --wiki-navigation-left-spacing: 3px; --wiki-navigation-right-spacing: 3px; --wiki-content-border-radius: 0px; --wiki-content-border-top-radius: 0px; --wiki-footer-border-radius: 0px; --wiki-content-padding: 0.5rem; --wiki-navigation-height: calc(2rem + var(--wiki-is-navigation-inside-content, 0)*0.5em); --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding: 0px; --wiki-navigation-tab-height: 2rem; --wiki-navigation-search-height: 2.15rem; --wiki-navigation-search-margin: 0.5rem; --wiki-navigation-right-spacing: var(--wiki-navigation-left-spacing, 0px); --wiki-navigation-selected-bottom-background-color: color-mix(in srgb, var(--wiki-navigation-selected-background-color) var(--wiki-navigation-selected-background-opacity), transparent); --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-navigation-tab-full-height: calc(var(--wiki-navigation-tab-height) + max(var(--wiki-navigation-selected-border-width), var(--wiki-navigation-border-width)) + var(--wiki-content-border-width, 1px)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-tab-height) - var(--wiki-head-icon-padding) * 2); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-navigation-height, 3em) + var(--wikigg-header-height) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); --wiki-sidebar-portal-spacing: 0px; --wiki-top-spacing: var(--wiki-logo-margin); } #mw-head-base { width: auto; margin-left: auto; margin-right: auto; } #p-logo { max-width: 100vw; top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, var(--wiki-logo-margin, 15px))); left: calc(max(0px, (100% - var(--wiki-logo-file-width) / var(--wiki-logo-file-height) * var(--wiki-logo-height)) / 2)); } #p-logo a { top: var(--wiki-logo-offset-y--mobile, 0); left: var(--wiki-logo-offset-x--mobile, 0); } #mw-head { position: absolute; left: 0; width: 100%; margin: unset; top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, var(--wiki-logo-margin)) + var(--wiki-logo-height) + var(--wiki-logo-margin)); z-index: 4; /** above #mw-panel **/ border-radius: 0; } #left-navigation::before { /* for left spacing */ border-bottom-width: var(--navigation-border-bottom-width); } #right-navigation::after { display: block; /* for right spacing */ } #p-cactions { margin-right: 0px; } #p-cactions::after { width: 0; } #p-search { position: absolute; left: 50%; transform: translateX(-50%); top: calc(var(--wiki-navigation-height, 3em) + var(--navigation-border-bottom-width)); margin: 0; padding: 0; } #mw-head::before, #mw-head::after, #p-search::before, #p-search::after { display: none; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height: var(--wiki-navigation-search-height); } .vector-search-box form { margin: var(--wiki-navigation-search-margin) 0px; } #mw-head, .mw-body, .parsoid-body, .mw-body::after, .parsoid-body::after, .mw-footer { border-left-width: 0; border-right-width: 0; border-radius: 0; } .mw-body, .parsoid-body { margin-top: 0; padding-top: calc(var(--navigation-border-bottom-width) + var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } .mw-body::after, .parsoid-body::after { left: 0; right: 0; } #mw-data-after-content { margin-left: 0; } #mw-panel { position: unset; width: 100%; margin: 0px auto; padding: 0; top: 0; background-position: bottom right, top center; background-size: 100% 0.5em, 100% 100%; float: unset; } /* border-radius fix */ #mw-panel #p-ext-discordwidget + .vector-menu-portal { border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)); } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing: border-box; border-left-width: 0; border-right-width: 0; background-color: var(--wiki-sidebar-background-color); } .vector-menu-portal .vector-menu-content { margin-top: 0; margin-bottom: 0; display: block !important; /* show all menus on mobile even if they are collapsed by collapsibleSidebarSections gadget */ } table.wikitable, table.responsive-table { display: block; overflow-x: auto; border: 0; } .mw-installed-software { word-break: unset; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width: 100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, var(--wiki-logo-margin, 15px)) + var(--wiki-logo-height) + var(--wiki-logo-margin, 15px) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0) + var(--wiki-navigation-height, 3em) + var(--navigation-border-bottom-width) + var(--wiki-navigation-search-margin)); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; cursor: pointer; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-navigation-background-color); } #mw-panel #p-ext-discordwidget { background-color: var(--wiki-sidebar-background-color); padding: 0.5rem 0.25rem 0.25rem 0.5rem; border: var(--wiki-sidebar-border-width, 1px) var(--wiki-sidebar-border-style, solid) var(--wiki-sidebar-border-color); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: var(--wiki-sidebar-border-width, 1px); border-right-width: var(--wiki-sidebar-border-width, 1px); margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc(-1 * (var(--wiki-logo-height) + var(--wiki-logo-margin, 15px) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0) + var(--wiki-navigation-height, 3em) + var(--navigation-border-bottom-width) + var(--wiki-navigation-search-margin))); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height: var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-text-color--hover, var(--wiki-content-link-color--hover)); /* fallback for backwards compatibility */ } #mw-head .vector-menu-tabs .mw-list-item.selected a::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: var(--icon-star-empty); } #ca-unwatch { --icon: var(--icon-star-filled); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image: none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left: 0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size: 0.9em; } .mw-userlink { overflow-wrap: anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /******************************************************/ /* */ /* [END] OF WIKI.GG DEFAULT LOADOUT */ /* ALL LOCAL SKIN CUSTOMIZATIONS SHOULD GO BELOW HERE */ /* DO NOT EDIT OR DELETE THIS COMMENT BLOCK */ /* */ /******************************************************/ 7c408098cd19b64ae90c0dbbbffe1b7eb875c2d1 8 226 250 2025-06-12T21:38:13Z ARTIFICER 564804 Importing default loadout css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 990ed9861efc47fd4f39826fc42a8fad581cf0e4 8 227 251 2025-06-12T21:38:14Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki * light[bundled|kind=light] * dark[bundled|kind=dark] 05cdfdf87ea42919cc6ea267d3972cc06847ed60 8 228 252 2025-06-12T21:38:14Z ARTIFICER 564804 Importing default loadout javascript text/javascript (function() { if ( document.getElementById( 'ca-cargo-purge' )){ return } // disable if Cargo has already added a purge button if ( mw.config.get( 'wgNamespaceNumber' ) === -1 ) { return } // disable on special pages var l10n = (function(){ var text = { 'buttonlabel': { 'en': 'Purge cache', 'de': 'Aktualisieren', 'fr': 'Purger', 'ru': 'Обновить', 'pt': 'Actualizar', 'pt-br': 'Actualizar', }, 'hovertext': { 'en': 'Purge the server cache for this page', 'de': 'Den Server-Cache dieser Seite löschen', 'fr': 'Purge le cache du serveur de cette page', 'ru': 'Очистить кэш сервера на этой странице', 'pt': 'Limpe o cache do servidor para esta página', 'pt-br': 'Limpe o cache do servidor para esta página', }, 'errortext': { 'en': 'Failed to purge the page! Error code: $1' } } var lang = mw.config.get( 'wgUserLanguage' ) || 'en'; return function(key){ return text[key] && (text[key][lang] || text[key]['en']) || ''; } })(); var url = new URL(window.location.href); url.searchParams.set('action', 'purge'); var button = mw.util.addPortletLink('p-cactions', url.href, l10n('buttonlabel'), 'ca-gadget-purgecache', l10n('hovertext'), '1'); button.addEventListener('click', (function(event) { event.preventDefault(); var api = new mw.Api(); api.post({ action: 'purge', titles: mw.config.get('wgPageName'), forcerecursivelinkupdate: true }).then(function() { window.location.reload(true); }).fail(function(code) { mw.notify(l10n('errortext').replace('$1', code)); }); })); console.log('purge loaded'); })(); 6e5bbcc0a70b1d962c5b9376272ddbe79443d8fc 8 229 253 2025-06-12T21:38:14Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki * userProfile[ResourceLoader|dependencies=mediawiki.api,jquery,mediawiki.util|default]|userProfile.js|userProfile.css f21ca689883b0e462704d40f91566b59a4e0a7e6 8 230 254 2025-06-12T21:38:15Z ARTIFICER 564804 Importing default loadout javascript text/javascript // User profile // <nowiki> mw.loader.using( [ 'mediawiki.util', 'mediawiki.api' ] ).done( function() { var username = mw.config.get('wgRelevantUserName'); var lang = mw.language.bcp47(mw.config.get('wgUserLanguage')); if ( username && !window.loadedHorseUserProfile ) { window.loadedHorseUserProfile = true; var dateOptions = { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit", timeZone: "UTC", timeZoneName: "short" }; var api = new mw.Api(); if ( mw.util.isIPAddress(username) ) api.get( { action: 'query', list: ['usercontribs', 'blocks'], ucuser: username, ucprop: [], uclimit: 'max', bkip: username, bkprop: ['user', 'by', 'timestamp', 'expiry', 'reason'], bklimit: 1, formatversion: 2 } ).done( function(data) { var editcount = data.query.usercontribs.length; if ( data.continue ) editcount = data.limits.usercontribs+'+' var user = { groups: ['*'], editcount: editcount }; formatProfile(user, data.query.blocks[0]); } ); else api.get( { action: 'query', list: 'users', ususers: username, usprop: ['groups', 'editcount', 'registration', 'blockinfo', 'emailable'], formatversion: 2 } ).done( function(data) { var user = data.query.users[0]; var block; if ( user.blockid ) block = { user: username, by: user.blockedby, timestamp: user.blockedtimestamp, expiry: user.blockexpiry, reason: user.blockreason }; formatProfile(user, block); } ); function formatProfile(user, block) { user.groups.splice(user.groups.indexOf('*'), 1); var text = '<div class="horse-userprofile-info">'; if ( user.groups.length ) { var groupList = user.groups.map( function(group) { var grouppage = '{{MediaWiki:grouppage-'+group+'}}'; return [ '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'}}]] | {{int:group-'+group+'}} }}', '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'-member|'+username+'}}]] | {{int:group-'+group+'-member|'+username+'}} }}' ]; } ).reduce( function(prev, cur) { prev[0].push(cur[0]); prev[1].push(cur[1]); return prev; }, [[], []] ); text += '\n\n<span>{{int:prefs-memberingroups|'+user.groups.length+'|'+username+'}}</span>\t<span>{{int:prefs-memberingroups-type|'+mw.language.listToText(groupList[0])+'|'+mw.language.listToText(groupList[1])+'}}</span>'; } text += '\n\n<span>{{int:prefs-edits}}</span>\t<span>[[Special:Contribs/'+username+'|'+mw.language.convertNumber(user.editcount)+']]</span>'; if ( user.registration ) { text += '\n\n<span>{{int:prefs-registration}}</span>\t<span>'+mw.language.convertNumber(new Date(user.registration).toLocaleString(lang, dateOptions))+'</span>'; if ( !user.emailable ) text += '\n\n<span>{{int:nowikiemailtext|'+username+'}}</span>'; } text += '\n\n</div>'; if ( block && mw.config.get('wgArticleId') !== 0 ) { var blockDate = new Date(block.timestamp); var blockexpiry = '{{int:infiniteblock}}'; if ( !['infinite', 'indefinite', 'infinity', 'never'].includes(block.expiry) ) { var expiry = new Date(block.expiry.replace( /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2,3})/, '$1-$2-$3T$4:$5:$6Z' )); var duration = expiry - blockDate; var blockDuration = []; var factor = 1000; if ( duration % factor === 0 ) blockDuration = ['duration-seconds', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-minutes', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-hours', Math.floor(duration / factor)]; factor *= 24; if ( duration % factor === 0 ) blockDuration = ['duration-days', Math.floor(duration / factor)]; if ( duration % (factor*7) === 0 ) blockDuration = ['duration-weeks', Math.floor(duration / (factor*7))]; if ( duration % (factor*30) === 0 ) blockDuration = ['months', Math.floor(duration / (factor*30))]; factor *= 365; if ( duration % factor === 0 ) blockDuration = ['duration-years', Math.floor(duration / factor)]; if ( duration % (factor*10) === 0 ) blockDuration = ['duration-decades', Math.floor(duration / (factor*10))]; if ( duration % (factor*100) === 0 ) blockDuration = ['duration-centuries', Math.floor(duration / (factor*100))]; if ( duration % (factor*1000) === 0 ) blockDuration = ['duration-millennia', Math.floor(duration / (factor*1000))]; if ( blockDuration.length < 2 || blockDuration[1] > 1000 ) blockexpiry = mw.language.convertNumber(expiry.toLocaleString(lang, dateOptions)); else blockexpiry = '{{int:'+blockDuration.join('|')+'}}'; } text += '<div class="horse-userprofile-block mw-warning-with-logexcerpt"><div>\n{{int:blocked-notice-logextract|'+username+'}}\n'; text += '* '+mw.language.convertNumber(blockDate.toLocaleString(lang, dateOptions))+' {{int:logentry-block-block|[[User:'+block.by+'|'+block.by+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.by+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.by+'|{{int:contribslink}}]]</span></span>|'+block.by; if ( mw.util.isIPAddress(block.user, true) ) text += '|[[Special:Contribs/'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span></span>'; else text += '|[[User:'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.user+'|{{int:contribslink}}]]</span></span>'; text += '|'+block.user+'|'+blockexpiry+'|}} <span class="comment">{{int:parentheses|'+block.reason+'}}</span></div></div>'; } api.parse( text, { disablelimitreport: true, wrapoutputclass: 'horse-userprofile mw-message-box mw-content-'+($('#contentSub').attr('dir')||'ltr'), uselang: mw.config.get('wgUserLanguage') } ).done( function(parsedText) { $('#contentSub').append(parsedText.replace( /\u29FCgroup-([^\u29FC\u29FD]+?)(?:-member)?\u29FD/g, '$1' )); } ); } } } ); // </nowiki> 2df0d96710fe446c5289ea1c484419b50c43fd5b 8 231 255 2025-06-12T21:38:15Z ARTIFICER 564804 Importing default loadout css text/css #contentSub > * + .horse-userprofile { margin-top: 1em; } .horse-userprofile { font-size: 120%; color: var(--wiki-content-text-color); border: 2px solid var(--wiki-content-border-color); padding: 6px 12px; } .horse-userprofile-info span:first-of-type { font-weight: bold; } 1729445bb17e2974426befaf9bd441ab4bf189c5 8 232 256 2025-06-12T21:38:15Z ARTIFICER 564804 Importing default loadout javascript text/javascript /* Modified version of https://dev.fandom.com/wiki/UploadMultipleFiles * from https://terraria.wiki.gg/wiki/MediaWiki:Gadget-uploadMultipleFiles.js */ mw.loader.using(["site", "mediawiki.util"]).then(function() { if (mw.config.get("wgCanonicalSpecialPageName") !== "Upload") return; if (window.__wgg_UploadMultipleFiles_IsLoaded) { return; } window.__wgg_UploadMultipleFiles_IsLoaded = true; var l10nFactory = l10nFactory || function($lang, $data) { return function ($key) { // (null == undefined) is true, (null === undefined) is false return ($data[$lang] && $data[$lang][$key] != null) ? $data[$lang][$key] : $data.en[$key]; }; }; const l10n = l10nFactory(mw.config.get("wgUserLanguage"), { en: { multiupload: "Upload multiple files:", yes: "Yes", no: "No", sourcefiles: "Source files:", categoryname: "Category name:", categorynamehint: "Page name of the category the files will automatically be added to, e.g. Item images", categorynamespace: "Category", uploadfiles: "Upload files", nofiles: "Please select some files first.", nolicense: "Please select a valid license first.", summary: "Summary", license: "Licensing", categories: "Categories", uploading: "Uploading files...", uploaded: "Uploaded:", failed: "Failed:", done: "Done." } }); const getUploadDescription = function() { var sections = []; var summary = $("#wpUploadDescription").val(); var licenseDisplayName = $("#wpLicense option:selected").val(); var categoryName = $("#multiFileCategory").val(); if (summary !== "") sections.push(summary); if (licenseDisplayName !== "") { var licenseTemplateText = $("#wpLicense option:selected").prop("title"); sections.push("== " + l10n("license") + " ==\n" + licenseTemplateText); } if (categoryName !== "") sections.push("[[" + l10n("categorynamespace") + ":" + categoryName + "]]"); return sections.join("\n\n"); }; const getWatchlistPreference = function() { if ($("#wpWatchthis").is(":checked")) { return "watch"; } else { return "nochange"; } }; $(function(){ $("#wpUploadFile").parent().parent().addClass("regularFileSelect"); $("tr.regularFileSelect").before('<tr><td class="mw-label">'+ l10n("multiupload") + '</td><td class="mw-input"><label><input type="radio" name="multipleFiles" value="'+ l10n("yes") + '" /> '+ l10n("yes") + '</label> &nbsp; <label><input type="radio" name="multipleFiles" value="'+ l10n("no") + '" checked="" /> '+ l10n("no") + '</label></td></tr>'); $("tr.regularFileSelect").after('<tr class="multipleFileSelect" style="display:none;"><td class="mw-label">' + l10n("sourcefiles") + '</td><td class="mw-input"><input type="file" id="multiupload" multiple /></td></tr>'); $("input[name='wpUpload']").addClass("regularFileSelect"); $("#wpDestFile").parent().parent().addClass("regularFileSelect"); $("#wpIgnoreWarning").parent().parent().addClass("regularFileSelect"); // Append "category name" textbox to multiupload section $("#mw-upload-form #mw-htmlform-description tbody").append('<tr class="mw-htmlform-field-HTMLTextField multipleFileSelect" style="display:none;"><td class="mw-label"><label for="multiFileCategory"><abbr title="' + l10n("categorynamehint") + '">' + l10n("categoryname") + '</abbr></label></td><td class="mw-input"><input id="multiFileCategory" name="multiFileCategory" size="60"></td></tr>'); $("input[name='wpUpload']").after('<input type="button" value="' + l10n("uploadfiles") + '" class="multipleFileSelect" style="display:none;" id="multiFileSubmit" />'); $("input[name='multipleFiles']").change(function() { if (this.value === l10n("yes")) { $(".regularFileSelect").hide(); $(".multipleFileSelect").show(); } else { $(".regularFileSelect").show(); $(".multipleFileSelect").hide(); } }); $("#multiFileSubmit").click(function() { var files = $("#multiupload")[0].files; // Cancel upload if no files are selected if (files.length === 0) { alert(l10n("nofiles")); return false; } // Cancel upload if no license is selected if ($("#wpLicense option:selected").val() === "" && !mw.config.get("UMFBypassLicenseCheck")) { alert(l10n("nolicense")); return false; } // Description is summary + license + category var description = getUploadDescription(); var watch = getWatchlistPreference(); $("#firstHeading").text(l10n("uploading")); $("#mw-content-text").html("<h3>" + l10n("uploaded") + "</h3><ul></ul><div style='display:none;' id='multiUploadFailed'><h3>" + l10n("failed") + "</h3><ul></ul></div>"); var currentFileIdx = 0; var uploadCurrentFile; uploadCurrentFile = function() { if (currentFileIdx > files.length) { $("#mw-content-text").append("<h3>"+ l10n("done") + "</h3>"); return; } if (files[currentFileIdx] === undefined) { currentFileIdx++; uploadCurrentFile(); return; } fd = new FormData(); fd.append("action", "upload"); fd.append("token", mw.user.tokens.get("csrfToken")); fd.append("filename", files[currentFileIdx].name); fd.append("file", files[currentFileIdx]); fd.append("text", description); fd.append("watchlist", watch); fd.append("ignorewarnings", 1); fd.append("format", "json"); $.ajax({ url: mw.util.wikiScript("api"), method: "POST", data: fd, cache: false, contentType: false, processData: false, type: "POST" }).done(function(d) { if (d.error == undefined) { $("#mw-content-text > ul").append('<li><a href="' + d.upload.imageinfo.descriptionurl + '" target="_blank">' + d.upload.filename + '</a></li>'); } else { $("#multiUploadFailed ul").append('<li>' + files[currentFileIdx].name + '</li>'); $("#multiUploadFailed").show(); } currentFileIdx++; uploadCurrentFile(); }).fail(function() { $("#multiUploadFailed ul").append('<li>' + files[currentFileIdx].name + '</li>'); $("#multiUploadFailed").show(); currentFileIdx++; uploadCurrentFile(); }); }; uploadCurrentFile(); }); }); }); b05306b3ea3271c87b87546ac6619aa30e47782f 8 233 257 2025-06-12T21:38:16Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki *Game content ** License|game|This contains content from the game or its official media *Commonly used ** License|fairuse|This will be used in a way that qualifies as "fair use" under US law ** License|CC0|This file is licensed under the CC0 1.0 License ** License|CC-BY-NC-ND|This is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License ** License|CC-BY-NC-SA|This is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License ** License|CC-BY-NC|This is licensed under the Creative Commons Attribution-NonCommercial 3.0 License ** License|CC-BY-ND|This is licensed under the Creative Commons Attribution-NoDerivs 3.0 License ** License|CC-BY-SA|This is licensed under the Creative Commons Attribution-ShareAlike 3.0 License ** License|permission|The copyright holder gave permission to use this work only in wiki.gg articles ** License|CC-BY|This is licensed under the Creative Commons Attribution 3.0 License ** License|CC-PD|This is in the public domain ** License|CC-SRR|This is licensed under the Creative Commons Some Rights Reserved License *Unsure or unknown ** License|nolicense|I don't know the license 80cf31331a258a3fc3651f6d5961fbb5c1822cee 8 234 258 2025-06-12T21:38:17Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{int:wikigg-copyright|CC BY-SA 4.0|$1}} 999f12b472b0177c515e14cda21d5e4ddc0603e1 8 235 259 2025-06-12T21:38:17Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{SITENAME}} 3879910e8b355a24373fd09ccc909145b2639907 8 236 260 2025-06-12T21:38:17Z ARTIFICER 564804 Importing default loadout css text/css /* All CSS here is applied on api.php pages */ @media (prefers-color-scheme: dark) { body { background-color:#20211f; border-color: #7b7261; color: #f6ecdb; } h1, h2, h3, h4, h5, h6 { color: rgb(234, 224, 207); border-color: rgb(83, 84, 81); } .mw-highlight .s2 { color: rgb(206, 99, 91); } a { color: rgb(133, 180, 221); } a:visited { color: rgb(141, 127, 218); } pre, code, .mw-code { background-color: rgb(34, 35, 33); color: rgb(234, 224, 207); border-color: rgb(63, 64, 62); } } c95cf2c22c12d821f22b745f2aa78d4f6f711500 8 237 261 2025-06-12T21:38:18Z ARTIFICER 564804 Importing default loadout css text/css .spoiler-content:hover > * { pointer-events:unset; opacity: 1; } .spoiler-content:hover { background-color: transparent; } 1c73aafcb749d7e0e9107c1045310d2af70aae7e 8 238 262 2025-06-12T21:38:18Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <div class="mw-parser-output" id="dl-variable-doc"><!-- hide this in your global.css if you're familiar with how default loadout works and this documentation is just in your way --> <h2>Documentation</h2> This wiki is using the theming template from the [[dlw:|default loadout]]. This template is intended to minimize the work required to create a custom colored version of the standard [[mw:Skin:Vector|Vector]] skin, while maximizing the various nooks and crannies that those colors reach, all while keeping everything legible and matching. Please be aware of the [[support:Customization policy|customization policy]] when modifying the theme. <h3>Themes</h3> The [[support:Theme Toggle|Theme Toggle]] extension is installed, and allows multiple themes to be used. In the actual stylesheet below this documentation, you'll find two huge rules at the top, each containing lots of [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties CSS color variables]. They look like this: <syntaxhighlight lang=css> :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* and so on */ } .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* and so on */ } </syntaxhighlight> These are the standard light and dark themes, defined in [[Mediawiki:Theme-definitions]]. '''Important''': if you want your wiki to only support a single theme, edit that page and remove the line you don't want (don't remove both). The <code>:root</code> selector is a fallback, meaning that in case something happens and Theme Toggle fails to work, the following theme will still mostly work. If you have multiple themes, you can move the <code>:root</code> rule to whichever you'd consider the "default" theme. <h3>Non-color variables</h3> {| class="wikitable" ! Variable name !! Notes |- | --wiki-body-background-image | This is the image path to the wiki's background image. Usually this is uploaded to File:Site-background.jpg, File:Site-background-light.jpg, and/or File:Site-background-dark.jpg. While there's not a hard file size limit, it is recommended that this not exceed 250 KB. File size can be reduced by resizing (anything over 2560x1440p is excessive), converting to a jpg, and compressed using sites like [https://tinypng.com TinyPNG]. |- | --wiki-body-background-position | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-position background-position] of the background image. Usually this is set to <code>top center</code>. |- | --wiki-body-background-size | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-size background-size] of the background image. Usually this is set to <code>cover</code>. |- | --wiki-body-background-repeat | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat background-repeat] of the background image. Usually this is set to <code>no-repeat</code>. |- | --wiki-body-background-attachment | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment background-attachment] of the background image. Usually this is set to <code>fixed</code>. |- | --wiki-body-font-family | The font family of most of the wiki, such as the sidebar, navigation, and content text. Usually this is sans-serif. If modifying this, use a simple font that is easy to read. See <code>--wiki-heading-font-family</code> if you want to incorporate a more decorative font into the theme. |- | --wiki-heading-font-family | The font family of headings, such as the page title and section headings. This font is usually displayed in a larger size, so it's safer to use a more decorative font than <code>--wiki-body-font-family</code>, but still try to keep it legible. |- | --wiki-sidebar-heading-font-family | The font family of sidebar headings. In contrast to <code>--wiki-heading-font-family</code>, this is usually displayed in a smaller size, so keep it simple and easy to read. |- | --wiki-sidebar-border-radius | The [https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius border-radius] of the sidebar. If <code>--wiki-sidebar-portal-spacing</code> is set to 0, then only the top and bottom corners of the sidebar as a whole will be affected, otherwise every portal will have all its corners affected. Units must be specified even if this is set to 0. |- | --wiki-sidebar-portal-spacing | The space between each portal in the sidebar. Units must be specified even if this is set to 0. |- | --wiki-content-border-width | The thickness of the border around the content area. |- | --wiki-sidebar-border-width | The thickness of the border around the sidebar portals. |- | --wiki-content-background-opacity | The opacity of the main content area, to let the wiki's background image show through. Please keep this high, usually above 90%, or it can make reading text difficult. |- | --wiki-sidebar-background-opacity | The background opacity of the sidebar. Usually this inherits <code>--wiki-content-background-opacity</code>. |- | --wiki-icon-general-filter | A filter applied to many icons to make them visible on dark themes. Usually this is just <code>invert(100%)</code> on dark themes and blank on light themes. |- | --wiki-icon-to-link-filter | A filter that converts many icons into the same color as <code>--wiki-content-link-color</code>. This can be generated by plugging that into https://mrpie5.gitlab.io/css-filter-generator/. |} <h3>List of all colors with contrast checking</h3> The table below shows all the colors currently in use, as well as notes on how to use them. The last column shows which colors are expected to show up as text against other colors. With the exception of <code>--wiki-content-text-mix-color-95</code>, all text in the last column should be ''clearly'' legible. If it is not, you may need to adjust one of the referenced colors in your color palette. Keep in mind that changes to the opacity variables in the section above will cause the content and sidebar background colors to mix with the body background color/image, so the contrasts below may not be perfectly accurate. {| class="wikitable" ! Variable name !! Color !! style="width: 40em;" | Notes !! Test contrast against these variables |- | --wiki-body-background-color | style="background-color:var(--wiki-body-background-color);" | | The background color behind the background image. This usually only shows up if the background image doesn't load, doesn't fill the screen, or has some transparency. This color should be similar to the overall color of the background image, or the top-left corner if it is made up of many different colors. In the former case, https://matkl.github.io/average-color/ is helpful. | style="background-color:var(--wiki-body-background-color);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary</span><br/> |- | --wiki-body-dynamic-color | style="background-color:var(--wiki-body-dynamic-color);" | | This is expected to contrast sharply with the body-background-color, for cases when text needs to be displayed against it. Usually this is {{color|#000}} on light themes and {{color|#fff}} on dark themes. | style="background-color:var(--wiki-body-dynamic-color);" | <span style="color:var(--wiki-body-background-color)">--wiki-body-background-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--inverted);">--wiki-body-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary--inverted);">--wiki-body-dynamic-color--secondary--inverted</span><br/> |- | --wiki-body-dynamic-color--inverted | style="background-color:var(--wiki-body-dynamic-color--inverted);" | | The inverse of <code>--wiki-body-dynamic-color</code>. This should optimally have almost no contrast with the body-background-color. | style="background-color:var(--wiki-body-dynamic-color--inverted);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary</span><br/> |- | --wiki-body-dynamic-color--secondary | style="background-color:var(--wiki-body-dynamic-color--secondary);" | | A slightly different version of body-dynamic-color. Usually this is {{color|#333}} on light themes and {{color|#ccc}} on dark themes. | style="background-color:var(--wiki-body-dynamic-color--secondary);" | <span style="color:var(--wiki-body-background-color)">--wiki-body-background-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--inverted);">--wiki-body-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary--inverted);">--wiki-body-dynamic-color--secondary--inverted</span><br/> |- | --wiki-body-dynamic-color--secondary--inverted | style="background-color:var(--wiki-body-dynamic-color--secondary--inverted);" | | The inverse of <code>--wiki-body-dynamic-color--secondary</code>. | style="background-color:var(--wiki-body-dynamic-color--secondary--inverted);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary</span><br/> |- | --wiki-content-background-color | style="background-color:var(--wiki-content-background-color);" | | The background color of the main content area. | style="background-color:var(--wiki-content-background-color);" | <span style="color:var(--wiki-content-text-color)">--wiki-content-text-color</span><br/> <span style="color:var(--wiki-content-link-color)">--wiki-content-link-color</span><br/> <span style="color:var(--wiki-content-link-color--visited)">--wiki-content-link-color--visited</span><br/> <span style="color:var(--wiki-content-link-color--hover)">--wiki-content-link-color--hover</span><br/> <span style="color:var(--wiki-content-redlink-color)">--wiki-content-redlink-color</span><br/> <span style="color:var(--wiki-content-text-mix-color)">--wiki-content-text-mix-color</span><br/> <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> <span style="color:var(--wiki-content-heading-color)">--wiki-content-heading-color</span><br/> <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span><br/> <span style="color:var(--wiki-neutral-color)">--wiki-neutral-color</span><br/> <span style="color:var(--wiki-success-color)">--wiki-success-color</span><br/> <span style="color:var(--wiki-alert-color)">--wiki-alert-color</span><br/> |- | --wiki-content-background-color--secondary | style="background-color:var(--wiki-content-background-color--secondary);" | | A secondary content background to highlight certain things. Usually this is <code>--wiki-content-background-color</code> with saturation and/or value reduced or increased by about 10%, but you're free to make it whatever you want provided the contrast checks to the right still pass. | style="background-color:var(--wiki-content-background-color--secondary);" | <span style="color:var(--wiki-content-text-color)">--wiki-content-text-color</span><br/> <span style="color:var(--wiki-content-link-color)">--wiki-content-link-color</span><br/> <span style="color:var(--wiki-content-link-color--visited)">--wiki-content-link-color--visited</span><br/> <span style="color:var(--wiki-content-link-color--hover)">--wiki-content-link-color--hover</span><br/> <span style="color:var(--wiki-content-redlink-color)">--wiki-content-redlink-color</span><br/> <span style="color:var(--wiki-content-text-mix-color)">--wiki-content-text-mix-color</span><br/> <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> <span style="color:var(--wiki-content-heading-color)">--wiki-content-heading-color</span><br/> <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span><br/> <span style="color:var(--wiki-neutral-color)">--wiki-neutral-color</span><br/> <span style="color:var(--wiki-success-color)">--wiki-success-color</span><br/> <span style="color:var(--wiki-alert-color)">--wiki-alert-color</span><br/> |- | --wiki-content-border-color | style="background-color:var(--wiki-content-border-color);" | | Border color for the main content area and elements within it. | N/A |- | --wiki-content-border-color--secondary | style="background-color:var(--wiki-content-border-color--secondary);" | | A secondary content border color for elements that do not need to stand out as much. Usually this is <code>--wiki-content-border-color</code> with 50% transparency, but it can be adjusted or made identical if it is too subtle. | N/A |- | --wiki-content-border-color--accent | style="background-color:var(--wiki-content-border-color--accent);" | | A border color that is used as an accent. Usually this is <code>--wiki-accent-color</code> with 50% transparency, but it can be any variation of the accent color. | N/A |- | --wiki-content-text-color | style="background-color:var(--wiki-content-text-color);" | | Text color for the main content area. | style="background-color:var(--wiki-content-text-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-content-link-color | style="background-color:var(--wiki-content-link-color);" | | Links within the content area. Please do not make this red, as red links on wikis traditionally denote pages that don't exist. | style="background-color:var(--wiki-content-link-color);" | <span style="color:var(--wiki-content-link-label-color);">--wiki-content-link-label-color</span> |- | --wiki-content-link-label-color | style="background-color:var(--wiki-content-link-label-color);" | | This is used when placing text on an element with the link color as a background, such as a button. | style="background-color:var(--wiki-content-link-label-color);" | <span style="color:var(--wiki-content-link-color);">--wiki-content-link-color</span> |- | --wiki-content-link-color--visited | style="background-color:var(--wiki-content-link-color--visited);" | | The color of visited links. This is optional, and usually inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-content-link-color--visited);" | <span style="color:var(--wiki-content-background-color);">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary);">--wiki-content-background-color--secondary</span> |- | --wiki-content-link-color--hover | style="background-color:var(--wiki-content-link-color--hover);" | | The color links change to when hovered over. This is optional, and usually inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-content-link-color--hover);" | <span style="color:var(--wiki-content-background-color);">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary);">--wiki-content-background-color--secondary</span> |- | --wiki-content-redlink-color | style="background-color:var(--wiki-content-redlink-color);" | | The color of links to pages that don't exist. Since these should only rarely be seen, you can be a little lax about choosing a color that contrasts with the background, but it should still be legible. | style="background-color:var(--wiki-content-redlink-color);" | <span style="color:var(--wiki-content-background-color);">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary);">--wiki-content-background-color--secondary</span> |- | --wiki-content-text-mix-color | style="background-color:var(--wiki-content-text-mix-color);" | | A mix of <code>--wiki-content-text-color</code> and <code>--wiki-content-background-color</code>, calculated automatically. This is generally used to mark disabled elements or placeholder text. | style="background-color:var(--wiki-content-text-mix-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> <span style="color:var(--wiki-content-text-mix-color-95)">--wiki-content-text-mix-color-95</span> |- | --wiki-content-text-mix-color-95 | style="background-color:var(--wiki-content-text-mix-color-95);" | | The same as <code>--wiki-content-text-mix-color</code>, but the mix is 95% <code>--wiki-content-background-color</code>, calculated automatically. This is used to mark disabled elements. The contrast checker to the right should actually be very hard to read but not impossible. | style="background-color:var(--wiki-content-text-mix-color-95);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span> |- | --wiki-content-dynamic-color | style="background-color:var(--wiki-content-dynamic-color);" | | This is expected to contrast sharply with <code>--wiki-content-background-color</code>. Usually this is {{color|#000}} on light themes and {{color|#fff}} on dark themes. | style="background-color:var(--wiki-content-dynamic-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--inverted)">--wiki-content-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary--inverted)">--wiki-content-dynamic-color--secondary--inverted</span><br/> |- | --wiki-content-dynamic-color--inverted | style="background-color:var(--wiki-content-dynamic-color--inverted);" | | The inverse of <code>--wiki-content-dynamic-color</code>. | style="background-color:var(--wiki-content-dynamic-color--inverted);" | <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> |- | --wiki-content-dynamic-color--secondary | style="background-color:var(--wiki-content-dynamic-color--secondary);" | | A slightly different version of <code>--wiki-content-dynamic-color</code>. Usually this is {{color|#333}} on light themes and {{color|#ccc}} on dark themes. | style="background-color:var(--wiki-content-dynamic-color--secondary);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--inverted)">--wiki-content-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary--inverted)">--wiki-content-dynamic-color--secondary--inverted</span><br/> |- | --wiki-content-dynamic-color--secondary--inverted | style="background-color:var(--wiki-content-dynamic-color--secondary--inverted);" | | The inverse of <code>--wiki-content-dynamic-color--secondary</code>. | style="background-color:var(--wiki-content-dynamic-color--secondary--inverted);" | <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> |- | --wiki-content-heading-color | style="background-color:var(--wiki-content-heading-color);" | | The color of headings, such as the page title and section headings. Usually this is set to <code>--wiki-content-text-color</code>, but feel free to give it a different color to spice up the theme a little. | style="background-color:var(--wiki-content-heading-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span> |- | --wiki-accent-color | style="background-color:var(--wiki-accent-color);" | | Used to style infoboxes, navboxes, focused element outlines, and some buttons, such as the save button when editing. | style="background-color:var(--wiki-accent-color);" | <span style="color:var(--wiki-accent-label-color)">--wiki-accent-label-color</span><br/> <span style="color:var(--wiki-accent-link-color)">--wiki-accent-link-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-accent-color--hover | style="background-color:var(--wiki-accent-color--hover);" | | The color of accent-color when hovered over, in some cases. Usually this is just accent-color with saturation and/or value reduced or increased by about 10%, but you're free to make it whatever you want provided the contrast checks to the right still pass. | style="background-color:var(--wiki-accent-color--hover);" | <span style="color:var(--wiki-accent-label-color)">--wiki-accent-label-color</span> |- | --wiki-accent-label-color | style="background-color:var(--wiki-accent-label-color);" | | The color of normal text against the accent color. | style="background-color:var(--wiki-accent-label-color);" | <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span><br/> <span style="color:var(--wiki-accent-color--hover)">--wiki-accent-color--hover</span><br/> |- | --wiki-accent-link-color | style="background-color:var(--wiki-accent-link-color);" | | The color of links against the accent color. | style="background-color:var(--wiki-accent-link-color);" | <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span> |- | --wiki-sidebar-background-color | style="background-color:var(--wiki-sidebar-background-color);" | | The background color of the sidebar to the left of the content area. Usually this inherits <code>--wiki-content-background-color</code>. | style="background-color:var(--wiki-sidebar-background-color);" | <span style="color:var(--wiki-sidebar-link-color)">--wiki-sidebar-link-color</span><br/> <span style="color:var(--wiki-sidebar-heading-color)">--wiki-sidebar-heading-color</span><br/> |- | --wiki-sidebar-border-color | style="background-color:var(--wiki-sidebar-border-color);" | | The border color of the sidebar. Usually this inherits <code>--wiki-content-border-color</code>. | N/A |- | --wiki-sidebar-link-color | style="background-color:var(--wiki-sidebar-link-color);" | | The color of links in the sidebar. Usually this inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-sidebar-link-color);" | <span style="color:var(--wiki-sidebar-background-color)">--wiki-sidebar-background-color</span> |- | --wiki-sidebar-link-color--hover | style="background-color:var(--wiki-sidebar-link-color--hover);" | | The color links change to when hovered over. This is optional, and usually inherits <code>--wiki-content-link-color--hover</code>. | style="background-color:var(--wiki-sidebar-link-color--hover);" | <span style="color:var(--wiki-sidebar-background-color)">--wiki-sidebar-background-color</span> |- | --wiki-sidebar-heading-color | style="background-color:var(--wiki-sidebar-heading-color);" | | The color of headings in the sidebar. Usually this inherits <code>--wiki-content-heading-color</code>. | style="background-color:var(--wiki-sidebar-heading-color);" | <span style="color:var(--wiki-sidebar-background-color)">--wiki-sidebar-background-color</span> |- | --wiki-navigation-background-color | style="background-color:var(--wiki-navigation-background-color);" | | The primary background color of the navigation tabs above the content area. Usually this inherits <code>--wiki-content-background-color--secondary</code>. | style="background-color:var(--wiki-navigation-background-color);" | <span style="color:var(--wiki-navigation-text-color)">--wiki-navigation-text-color</span><br/> |- | --wiki-navigation-background-color--secondary | style="background-color:var(--wiki-navigation-background-color--secondary);" | | The upper background color of the navigation tabs, as well as the background color of the "More" menu dropdown. Usually this inherits <code>--wiki-content-background-color</code>. | style="background-color:var(--wiki-navigation-background-color--secondary);" | <span style="color:var(--wiki-navigation-text-color)">--wiki-navigation-text-color</span><br/> |- | --wiki-navigation-border-color | style="background-color:var(--wiki-navigation-border-color);" | | Border color of the navigation tabs. Usually this inherits <code>--wiki-content-border-color</code>. | N/A |- | --wiki-navigation-text-color | style="background-color:var(--wiki-navigation-text-color);" | | The color of text in the navigation tabs. Usually this inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-navigation-text-color);" | <span style="color:var(--wiki-navigation-background-color)">--wiki-navigation-background-color</span><br/> <span style="color:var(--wiki-navigation-background-color--secondary)">--wiki-navigation-background-color--secondary</span><br/> |- | --wiki-navigation-text-color--hover | style="background-color:var(--wiki-navigation-text-color--hover);" | | The color of text in the navigation tabs when hovered. Usually this inherits <code>--wiki-content-link-color--hover</code>. | style="background-color:var(--wiki-navigation-text-color--hover);" | <span style="color:var(--wiki-navigation-background-color)">--wiki-navigation-background-color</span><br/> <span style="color:var(--wiki-navigation-background-color--secondary)">--wiki-navigation-background-color--secondary</span><br/> |- | --wiki-navigation-selected-background-color | style="background-color:var(--wiki-navigation-selected-background-color);" | | The background color of the currently active navigation tab. Usually this inherits <code>--wiki-content-background-color</code> | style="background-color:var(--wiki-navigation-selected-background-color);" | <span style="color:var(--wiki-navigation-selected-text-color)">--wiki-navigation-selected-text-color</span><br/> |- | --wiki-navigation-selected-border-color | style="background-color:var(--wiki-navigation-selected-border-color);" | | The border color of the currently active navigation tab. Usually this inherits <code>--wiki-navigation-border-color</code> | N/A |- | --wiki-navigation-selected-text-color | style="background-color:var(--wiki-navigation-selected-text-color);" | | The text color of the currently active navigation tab. Usually this inherits <code>--wiki-content-text-color</code> | style="background-color:var(--wiki-navigation-selected-text-color);" | <span style="color:var(--wiki-navigation-selected-background-color)">--wiki-navigation-selected-background-color</span><br/> |- | --wiki-neutral-color | style="background-color:var(--wiki-neutral-color);" | | A gray-ish color for displaying neutral text, such as a diff size of 0 in RecentChanges and page history. Usually this inherits <code>--wiki-content-text-mix-color</code>, but can be set explicitly if that color is not gray enough. | style="background-color:var(--wiki-neutral-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span> |- | --wiki-alert-color | style="background-color:var(--wiki-alert-color);" | | A general, usually red-ish color used for negative notices, most notably negative diffs in RecentChanges and page history, and the "cancel" button when editing. | style="background-color:var(--wiki-alert-color);" | <span style="color:var(--wiki-alert-label-color)">--wiki-alert-label-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-alert-label-color | style="background-color:var(--wiki-alert-label-color);" | | The color of text against <code>--wiki-alert-color</code> as a background. | style="background-color:var(--wiki-alert-label-color);" | <span style="color:var(--wiki-alert-color)">--wiki-alert-color</span><br/> |- | --wiki-warning-color | style="background-color:var(--wiki-warning-color);" | | A general, usually orange-ish color used for warning notices. | style="background-color:var(--wiki-warning-color);" | <span style="color:var(--wiki-warning-label-color)">--wiki-warning-label-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> |- | --wiki-warning-label-color | style="background-color:var(--wiki-warning-label-color);" | | The color of text against <code>--wiki-warning-color</code> as a background. | style="background-color:var(--wiki-warning-label-color);" | <span style="color:var(--wiki-warning-color)">--wiki-warning-color</span><br/> |- | --wiki-success-color | style="background-color:var(--wiki-success-color);" | | A general, usually green-ish color used for success notices, most noticeably positive diffs in RecentChanges and page history. | style="background-color:var(--wiki-success-color);" | <span style="color:var(--wiki-success-label-color)">--wiki-success-label-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-success-label-color | style="background-color:var(--wiki-success-label-color);" | | The color of text against <code>--wiki-success-color</code> as a background. | style="background-color:var(--wiki-success-label-color);" | <span style="color:var(--wiki-success-color)">--wiki-success-color</span><br/> |} <h2>Stylesheet</h2> <!-- When rendered on common.css, the actual stylesheet will be right here --> </div> cf15869d04314a0080367b00c06316b6f966c343 8 239 263 2025-06-12T21:38:19Z ARTIFICER 564804 Importing default loadout css text/css /** Container */ .ext-datamaps-container-content .ext-datamaps-container-leaflet { background: var(--wiki-content-background-color--secondary); } /** Legend */ .ext-datamaps-container .ext-datamaps-control-expandable[aria-expanded="true"] { background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, transparent); } .ext-datamaps-container .oo-ui-tabOptionWidget { color: var(--wiki-content-link-color); } .ext-datamaps-container .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background: var(--wiki-content-link-color); box-shadow: none; color: var(--wiki-content-link-label-color); } /** Popups */ .ext-datamaps-container .leaflet-popup-content-wrapper, .ext-datamaps-container .leaflet-popup-tip { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .ext-datamaps-container .ext-datamaps-popup-buttons a, .ext-datamaps-container .leaflet-popup-close-button { filter: var(--wiki-icon-general-filter); cursor: pointer; } .ext-datamaps-popup-header .ext-datamaps-popup-subtitle, .ext-datamaps-popup-header .ext-datamaps-popup-location { color: var(--wiki-content-text-mix-color); } .ext-datamaps-popup .ext-datamaps-popup-tools li a { border: 1px solid var(--wiki-content-link-color); transition: background 100ms, color 100ms; } .ext-datamaps-popup .ext-datamaps-popup-tools li a:hover { background: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } /** Controls */ .ext-datamaps-container .leaflet-bar { background-color: var(--wiki-content-background-color--secondary); border-color: color-mix(in srgb, var(--wiki-content-link-color) 50%, transparent); } .ext-datamaps-container .leaflet-bar button:hover { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ext-datamaps-container .leaflet-control { color: var(--wiki-content-text-color); } .leaflet-control-container .oo-ui-buttonElement > .oo-ui-buttonElement-button { min-height: unset; } .ext-datamaps-container .leaflet-control button { border-bottom-color: color-mix(in srgb, var(--wiki-content-link-color) 50%, transparent); color: var(--wiki-content-text-color); } /* HACK: awful selector, v1.0 will prolly use a standard class on these */ .ext-datamaps-container .ext-datamaps-control span[class^="oo-ui-icon"] { filter: var(--wiki-icon-general-filter); } /** Search */ .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results { background: var(--wiki-content-background-color--secondary); } .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results li:focus, .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results li[data-highlighted="true"] { background: color-mix(in srgb, var(--wiki-content-link-color) 15%, transparent); color: var(--wiki-content-link-color); } .ext-datamaps-container .ext-datamaps-container-status > :not(.oo-ui-widget) { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-mix-color); } .ext-datamaps-container .leaflet-control-container .ext-datamaps-control-coords { background: var(--background-color-neutral-subtle); color: var(--color-base--subtle); } f3ef9024b4b537b9fa9bceff82bbbeaf0feb7f7a 8 240 264 2025-06-12T21:38:19Z ARTIFICER 564804 Importing default loadout javascript text/javascript $( function () { if(!document.getElementById('mp-container')) return; var rootpage = document.getElementById('mp-container').dataset['rootpage']; // Get the rootpage passed from the main page module, so we don't need to make an API call /* generate the links here instead of in the wikitext, so that users who can't see them don't have them * in the DOM at all, and screenreaders and search engines don't get confused */ function createLinks(){ $('.mp-box').each(function(_, el){ var params = '?action=edit'; // only add the long preload stuff if the box doesn't exist, for prettier urls if ( $(el).hasClass('missing') ){ params += '&preload=Template:Main page box/preload&preloadparams[0]=' + el.dataset['boxId'].charAt(0).toUpperCase() + el.dataset['boxId'].slice(1); /* preloadparam is box id with first letter capitalized */ } $('<a></a>', { href: mw.util.getUrl(rootpage + '/' + el.dataset['boxId']) + params, text: 'Edit ' + rootpage + '/' + el.dataset['boxId'] }).appendTo( $('<div></div>', { class: 'mp-edit-link' }).prependTo(el) ); }); } function toggleLinks(){ $('.mp-edit-link').each(function(_, el){ $(el).toggle().css('display none;'); }); } $('<span></span>', { text: 'Toggle edit buttons', class: 'mp-edit-toggle', on: {click: toggleLinks}, }).appendTo($('#top')); createLinks(); }); 45e1363761b597e575e70ac1c7bb10306a66be6b 8 241 265 2025-06-12T21:38:19Z ARTIFICER 564804 Importing default loadout css text/css .mp-edit-link { display:block; position:absolute; z-index:99; right:0.5em; top:0.5em; background:var(--wiki-content-background-color); } .mp-edit-link a { display:block; padding:0.1em; border:1px solid var(--wiki-content-link-color); } .mp-edit-link a::before { display:inline-block; content:''; background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E edit %3C/title%3E%3Cpath d=%22m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z%22/%3E%3C/svg%3E"); background-size:contain; width:1em; height:1em; filter:var(--wiki-icon-to-link-filter); vertical-align:text-top; margin-right:0.2em; } c5fd62c547dd14df99d3f223cdca962743d492d1 8 242 266 2025-06-12T21:38:20Z ARTIFICER 564804 Importing default loadout css text/css /** as of Module:navbox version 1.2.4 **/ .ranger-navbox{ border-color: var(--navbox-outer-border-color); border-style: var(--navbox-outer-border-style); border-width: var(--navbox-outer-border-width); border-radius: var(--navbox-outer-border-radius); padding: var(--navbox-padding); font-size: var(--navbox-font-size); margin: var(--navbox-margin); background: var(--navbox-background); line-height: 1.5; clear:both; } .ranger-navbox * { border: 0; } .ranger-navbox .center *{ margin-left: unset; margin-right: unset; } .ranger-navbox, .ranger-navbox .ranger-section, .ranger-navbox .ranger-listbox{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-title, .ranger-navbox .ranger-header{ text-align: center; min-height: 1.5em; position: relative; z-index: 0; font-weight: bold; } .ranger-navbox .ranger-title{ color: var(--navbox-title-color); background: var(--navbox-title-background); font-size: var(--navbox-title-font-size); padding: var(--navbox-title-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a:visited, .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited, .ranger-navbox .ranger-title a.external:hover { text-decoration: var(--navbox-title-link-decoration); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited { text-decoration: var(--navbox-title-redlink-decoration); } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited { color: var(--navbox-title-link-color); } .ranger-navbox .ranger-title a:visited{ color: var(--navbox-title-link-color--visited); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited{ color:var(--navbox-title-redlink-color); } .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a:visited:hover, .ranger-navbox .ranger-title a.external:hover, .ranger-navbox .ranger-title a.external:visited:hover { color:var(--navbox-title-link-color--hover); } .ranger-navbox .ranger-header{ color: var(--navbox-header-color); background: var(--navbox-header-background); font-size: var(--navbox-header-font-size); padding: var(--navbox-header-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-sublist .ranger-header{ font-size: var(--navbox-subheader-font-size); padding: var(--navbox-subheader-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a:visited, .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited, .ranger-navbox .ranger-header a.external:hover { text-decoration: var(--navbox-header-link-decoration); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited { text-decoration: var(--navbox-header-redlink-decoration); } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited { color: var(--navbox-header-link-color); } .ranger-navbox .ranger-header a:visited{ color: var(--navbox-header-link-color--visited); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited{ color:var(--navbox-header-redlink-color); } .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a:visited:hover, .ranger-navbox .ranger-header a.external:hover, .ranger-navbox .ranger-header a.external:visited:hover { color:var(--navbox-header-link-color--hover); } .ranger-navbox .ranger-meta{ font-size: var(--navbox-title-font-size); position: absolute; left: var(--navbox-icon-offset--x); top: calc(var(--navbox-title-padding--y) + 0.08em); /* 0.08em: vertial offset tweak based on the icon graph */ display: block; } .ranger-navbox .ranger-meta .nv{ --mask: var(--icon-metalinks); display: block; width: 0.84em; /* based on the icon graph */ height: 0.84em; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); } .ranger-navbox .ranger-meta .nv > a{ display: block; width: 100%; height: 100%; opacity: 0; } .ranger-navbox .ranger-meta .nv > a > span{ display: block; width: 100%; height: 100%; overflow: hidden; } .ranger-navbox .ranger-meta:has(.mw-selflink){ display: none; } .ranger-navbox, .ranger-navbox .ranger-section{ position: relative; } .ranger .mw-collapsible-toggle-placeholder{ display: none; } .ranger-navbox .ranger-title > .ranger-title-text, .ranger-navbox .ranger-header > .ranger-header-text{ pointer-events: none; } .ranger-navbox .ranger-title > .ranger-title-text a, .ranger-navbox .ranger-header > .ranger-header-text a{ pointer-events: auto; } .ranger-navbox .ranger-title > .mw-collapsible-toggle, .ranger-navbox .ranger-header > .mw-collapsible-toggle{ --mask: var(--icon-chevron-down); position: absolute; right: 0; top: 0; z-index: -1; display: block; width: 100%; height: 100%; overflow:hidden; } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{ width: 1.5em; height: 1.5em; right: var(--navbox-icon-offset--x); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle{ top: var(--navbox-title-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{ top: var(--navbox-header-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-sublist .ranger-header > .mw-collapsible-toggle{ top: var(--navbox-subheader-padding--y); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ content: ""; display: block; width: 1.5em; height: 1.5em; position: absolute; right: var(--navbox-icon-offset--x); -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); transform: scaleY(-1); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before{ top: var(--navbox-title-padding--y); } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ top: var(--navbox-header-padding--y); } .ranger-navbox .ranger-sublist .ranger-header > .mw-collapsible-toggle::before{ top: var(--navbox-subheader-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle::before{ top: 0; right: 0; } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ background-color: var(--navbox-header-icon-color); } .ranger-navbox .ranger-title > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before{ transform: none; } .ranger-navbox .ranger-title > .mw-collapsible-toggle *, .ranger-navbox .ranger-title > .mw-collapsible-toggle::after, .ranger-navbox .ranger-header > .mw-collapsible-toggle *, .ranger-navbox .ranger-header > .mw-collapsible-toggle::after{ display: none; } .ranger-navbox .ranger-list{ width: unset; padding: var(--navbox-list-padding); } .ranger-navbox .ranger-above{ background: var(--navbox-above-background); color: var(--navbox-above-color); padding: var(--navbox-above-padding); width: unset; } .ranger-navbox .ranger-below{ background: var(--navbox-below-background); color: var(--navbox-below-color); padding: var(--navbox-below-padding); width: unset; } .ranger-navbox .ranger-sublist{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-section-body{ display: grid; gap: var(--navbox-gap); grid-template-columns: auto minmax(0,1fr); } .ranger-navbox .ranger-row{ display: contents; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-align: var(--navbox-group-text-align); font-weight: bold; background: var(--navbox-group-background); color: var(--navbox-group-color); padding: var(--navbox-group-padding); width: unset; } /* for desktop view */ .ranger-navbox.group-align-left .ranger-group, .ranger-navbox.group-align-left .ranger-subgroup{ --navbox-group-text-align: left; } .ranger-navbox.group-align-center .ranger-group, .ranger-navbox.group-align-center .ranger-subgroup{ --navbox-group-text-align: center; } .ranger-navbox.group-align-right .ranger-group, .ranger-navbox.group-align-right .ranger-subgroup{ --navbox-group-text-align: right; } /* for mobile view */ .ranger-navbox.mobile-group-align-left .ranger-group, .ranger-navbox.mobile-group-align-left .ranger-subgroup{ --navbox-group-text-align--mobile: left; } .ranger-navbox.mobile-group-align-center .ranger-group, .ranger-navbox.mobile-group-align-center .ranger-subgroup{ --navbox-group-text-align--mobile: center; } .ranger-navbox.mobile-group-align-right .ranger-group, .ranger-navbox.mobile-group-align-right .ranger-subgroup{ --navbox-group-text-align--mobile: right; } /* for desktop view */ .ranger-navbox.list-align-left .ranger-listbox{ --navbox-list-text-align: left; } .ranger-navbox.list-align-center .ranger-listbox{ --navbox-list-text-align: center; } .ranger-navbox.list-align-right .ranger-listbox{ --navbox-list-text-align: right; } /* for mobile view */ .ranger-navbox.mobile-list-align-left .ranger-listbox{ --navbox-list-text-align--mobile: left; } .ranger-navbox.mobile-list-align-center .ranger-listbox{ --navbox-list-text-align--mobile: center; } .ranger-navbox.mobile-list-align-right .ranger-listbox{ --navbox-list-text-align--mobile: right; } .ranger-navbox .ranger-listbox > .ranger-wrap{ text-align: var(--navbox-list-text-align); background: var(--navbox-list-background); color: var(--navbox-list-color); flex-grow: 1; } .ranger-navbox .ranger-sublist{ flex-grow: var(--count); } .ranger-navbox .ranger-listbox:first-child{ /* A list-n without group-n */ grid-column-end: span 2; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox > .ranger-wrap{ display: grid; justify-items: stretch; align-items: center; } .ranger-navbox.striped-even .ranger-even, .ranger-navbox.striped-odd .ranger-odd{ background: var(--navbox-list-background--striped); } /* make links use full line height (larger click box)*/ .ranger-navbox .hlist a{ display: inline-block; } .ranger-navbox .align-left, .ranger-navbox .alignleft{ text-align: left; } .ranger-navbox .align-center, .ranger-navbox .aligncenter{ text-align: center; } .ranger-navbox .align-right, .ranger-navbox .alignright{ text-align: right; } /* responsive */ @media screen and (max-width: 720px) { .ranger-navbox .ranger-section-body, .ranger-navbox .ranger-sublist { display: flex; flex-flow: column; } .ranger-navbox .ranger-row{ display: block; } .ranger-navbox .ranger-group + .ranger-listbox > .ranger-sublist:first-child, .ranger-navbox .ranger-subgroup + .ranger-listbox > .ranger-sublist:first-child{ margin-top: var(--navbox-gap); } .ranger-navbox .ranger-listbox.empty{ display: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-align: var(--navbox-group-text-align--mobile, left); max-width: unset !important; } .ranger-navbox .ranger-group > *, .ranger-navbox .ranger-subgroup > *{ max-width: unset !important; } .ranger-navbox .ranger-sublist { padding-left: var(--navbox-tree-indent); margin-left: var(--navbox-tree-line-indent); } .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox { position:relative; } .ranger-navbox .ranger-group br, .ranger-navbox .ranger-subgroup br{ display: none; } .ranger-navbox .ranger-listbox > .ranger-wrap{ text-align: var(--navbox-list-text-align--mobile, left); } .ranger-navbox .ranger-sublist > .ranger-section > .ranger-header{ margin-left: calc( 0px - var(--navbox-tree-indent) - var(--navbox-tree-line-indent)); } .ranger-navbox .ranger-sublist .ranger-row > ::before{ position: absolute; left: calc(0px - var(--navbox-tree-indent)); top: 0; width: var(--navbox-tree-line-width); height: 100%; content: ''; display: block; background-color: var(--navbox-tree-line-color); } .ranger-navbox .ranger-sublist .ranger-row > .ranger-listbox::before, .ranger-navbox .ranger-row.empty-list > .ranger-subgroup::before{ height: calc(100% + var(--navbox-gap)); } .ranger-navbox .ranger-sublist .ranger-row:last-child > ::before { display: none; } .ranger-navbox .ranger-sublist .ranger-row:last-child > :first-child::before { display: block; height: calc(50% + var(--navbox-tree-line-width)/2); } .ranger-navbox .ranger-subgroup::after, .ranger-navbox .empty-group > .ranger-listbox > .ranger-wrap::after{ position: absolute; left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width)); width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-spacing) - var(--navbox-tree-line-width)); height: var(--navbox-tree-line-width); content: ''; background-color: var(--navbox-tree-line-color); } /* increase height for links */ .ranger-navbox .hlist{ line-height: 2; } } /**** `.pill` class: the "pill" style ****/ /* remove middle dots betweem items */ .ranger-navbox.pill .hlist dd:not(:last-child)::after, .ranger-navbox.pill .hlist li:not(:last-child)::after{ display: none; } /* remove parentheses around nested lists*/ .ranger-navbox.pill .hlist dd ol::before, .ranger-navbox.pill .hlist dd ul::before, .ranger-navbox.pill .hlist dd dl::before, .ranger-navbox.pill .hlist dt ol::before, .ranger-navbox.pill .hlist dt ul::before, .ranger-navbox.pill .hlist dt dl::before, .ranger-navbox.pill .hlist li ol::before, .ranger-navbox.pill .hlist li ul::before, .ranger-navbox.pill .hlist li dl::before, .ranger-navbox.pill .hlist dd ol::after, .ranger-navbox.pill .hlist dd ul::after, .ranger-navbox.pill .hlist dd dl::after, .ranger-navbox.pill .hlist dt ol::after, .ranger-navbox.pill .hlist dt ul::after, .ranger-navbox.pill .hlist dt dl::after, .ranger-navbox.pill .hlist li ol::after, .ranger-navbox.pill .hlist li ul::after, .ranger-navbox.pill .hlist li dl::after { display: none; } /* make lists inline-flex */ .ranger-navbox.pill .hlist ul, .ranger-navbox.pill .hlist ol, .ranger-navbox.pill .hlist dl{ display: inline-flex; gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill .hlist li, .ranger-navbox.pill .hlist dt, .ranger-navbox.pill .hlist dd{ padding: var(--navbox-pill-padding); border-radius: var(--navbox-pill-border-radius); box-shadow: var(--navbox-pill-box-shadow); background: var(--navbox-pill-background); /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* Add a hover / focus feedback style */ .ranger-navbox.pill .hlist dd:hover, .ranger-navbox.pill .hlist dd:focus, .ranger-navbox.pill .hlist dt:hover, .ranger-navbox.pill .hlist dt:focus, .ranger-navbox.pill .hlist li:hover, .ranger-navbox.pill .hlist li:focus { box-shadow: var(--navbox-pill-box-shadow--hover); background: var(--navbox-pill-background--hover); } /* pill with selflink * * Only select the deepest level for nested lists. * We have to use :has() to pick pills with selflink and * all browsers which support :has() should also support :is() and :not(), * therefore we can use :is() and :not() here safely. */ .ranger-navbox.pill .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ background: var(--navbox-pill-selflink-background); } /**** `.pill-mobile` class: only apply the "pill" style on mobile ****/ @media screen and (max-width: 720px) { /* remove middle dots betweem items */ .ranger-navbox.pill-mobile .hlist dd:not(:last-child)::after, .ranger-navbox.pill-mobile .hlist li:not(:last-child)::after{ display: none; } /* remove parentheses around nested lists*/ .ranger-navbox.pill-mobile .hlist dd ol::before, .ranger-navbox.pill-mobile .hlist dd ul::before, .ranger-navbox.pill-mobile .hlist dd dl::before, .ranger-navbox.pill-mobile .hlist dt ol::before, .ranger-navbox.pill-mobile .hlist dt ul::before, .ranger-navbox.pill-mobile .hlist dt dl::before, .ranger-navbox.pill-mobile .hlist li ol::before, .ranger-navbox.pill-mobile .hlist li ul::before, .ranger-navbox.pill-mobile .hlist li dl::before, .ranger-navbox.pill-mobile .hlist dd ol::after, .ranger-navbox.pill-mobile .hlist dd ul::after, .ranger-navbox.pill-mobile .hlist dd dl::after, .ranger-navbox.pill-mobile .hlist dt ol::after, .ranger-navbox.pill-mobile .hlist dt ul::after, .ranger-navbox.pill-mobile .hlist dt dl::after, .ranger-navbox.pill-mobile .hlist li ol::after, .ranger-navbox.pill-mobile .hlist li ul::after, .ranger-navbox.pill-mobile .hlist li dl::after { display: none; } /* make lists inline-flex */ .ranger-navbox.pill-mobile .hlist ul, .ranger-navbox.pill-mobile .hlist ol, .ranger-navbox.pill-mobile .hlist dl{ display: inline-flex; gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill-mobile .hlist li, .ranger-navbox.pill-mobile .hlist dt, .ranger-navbox.pill-mobile .hlist dd{ /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill-mobile .hlist li, .ranger-navbox.pill-mobile .hlist dt, .ranger-navbox.pill-mobile .hlist dd{ padding: var(--navbox-pill-padding); border-radius: var(--navbox-pill-border-radius); box-shadow: var(--navbox-pill-box-shadow); background: var(--navbox-pill-background); /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* Add a hover / focus feedback style */ .ranger-navbox.pill-mobile .hlist dd:hover, .ranger-navbox.pill-mobile .hlist dd:focus, .ranger-navbox.pill-mobile .hlist dt:hover, .ranger-navbox.pill-mobile .hlist dt:focus, .ranger-navbox.pill-mobile .hlist li:hover, .ranger-navbox.pill-mobile .hlist li:focus { box-shadow: var(--navbox-pill-box-shadow--hover); background: var(--navbox-pill-background--hover); } /* pill with selflink * * Only select the deepest level for nested lists. * We have to use :has() to pick pills with selflink and * all browsers which support :has() should also support :is() and :not(), * therefore we can use :is() and :not() here safely. */ .ranger-navbox.pill-mobile .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ background: var(--navbox-pill-selflink-background); } } /********************* * End Template:Navbox* **********************/ 5fdc9c4935784cf36a4b32ad447a2f5cb4589222 8 243 267 2025-06-12T21:38:20Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": false, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with navboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "variables.css", "main.css", "custom.css" ], "dependencies": [], "type": "styles" } } 0e59fa9520b52214b9fedaecae9f41d86afd197f 8 244 268 2025-06-12T21:38:21Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "package": false, "section": "", "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with DRUID infoboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "variablesEditMe.css", "mainReadonly.css", "customEditMe.css" ], "dependencies": [], "type": "styles" } } 5c21b27bf41aba17b090e0d888010c308bd5d0bb 8 245 269 2025-06-12T21:38:21Z ARTIFICER 564804 Importing default loadout css text/css /* --------------------------------------------- */ /* Do not edit this file please */ /* You can edit variablesEditMe and customEditMe */ /* --------------------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:var(--druid-secondary-background-color); /* fallback */ background:color-mix(in srgb, var(--druid-secondary-background-color) 75%, transparent); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:var(--druid-link-color); /* fallback */ background:color-mix(in srgb, var(--druid-link-color) 25%, transparent); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused), .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused), .druid-grid-item:has(.druid-toggleable-data-empty.focused), .druid-section:has(.druid-toggleable-heading-empty.focused), .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid var(--druid-border-color); /* fallback */ border:1px solid color-mix(in srgb, var(--druid-border-color) 50%, transparent); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none !important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------------------- */ /* Do not edit this file please */ /* You can edit variablesEditMe and customEditMe */ /* --------------------------------------------- */ b012f61bd994e50b85508138467794f6a296ed2d 8 246 270 2025-06-12T21:38:22Z ARTIFICER 564804 Importing default loadout css text/css /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ /* Light and dark are separated to make it easier for you to do local customizations but in the default version they are identical */ :root, .view-light .druid-container { --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); } .view-dark .druid-container { --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); } 8cf88860d6782aac5b9b65a990d7eddfd5c5c3f2 8 247 271 2025-06-12T21:38:22Z ARTIFICER 564804 Importing default loadout css text/css /* Custom DRUID styles should go here */ 7ecb3c635f03ba714e419c200113f47043f0e358 8 248 272 2025-06-12T21:38:23Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>This gadget provides styles for {{ml|Infobox}}. You can customize: * [[MediaWiki:Gadgets/druid/variablesEditMe.css]] - to customize the built-in variables (e.g. if you want to make the color of your infobox not match the wiki accent color). This file will load '''first''' out of all of the DRUID CSS files. * [[MediaWiki:Gadgets/druid/customEditMe.css]] - to otherwise customize DRUID (e.g. if you want to change the padding, or add a border image, something that's not supported through variables. This file will load '''last''' out of all of the DRUID CSS files, so all rules here will overwrite rules in [[MediaWiki:Gadgets/druid/mainReadonly.css]] with equal specificity. Please do NOT modify [[MediaWiki:Gadgets/druid/mainReadonly.css]]!! That page may be updated by wiki.gg staff via script, and the updates will not function if you modify it. More documentation can be found at [[support:DRUID infoboxes|DRUID infoboxes]]<!-- --></includeonly><noinclude>This is the documentation page for [[{{#titleparts:{{FULLPAGENAME}}|-1}}]].</noinclude> 2813eb77787e37161b0ed7e4e85c9f5f2d7ad92e 8 249 273 2025-06-12T21:38:23Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki You have followed a link to a page that does not exist yet. To create the page, start typing in the box below (see the [$1 help page] for more info). If you are here by mistake, click your browser's <strong>back</strong> button. 778f9ef242eb3058ef30ed3325b901adb762a2af 8 250 274 2025-06-12T21:38:24Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki See also: [[Special:Gadgets]] for a list of all installed gadgets, formatted in a friendly way. {{Special:PrefixIndex/MediaWiki:Gadgets}} 14815d26ea4ae878b5e77e1781eeb35cd742ad2c 8 251 275 2025-06-12T21:38:25Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with DRUID infoboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [ "jquery" ], "type": "general" } } 5df47905f5c565c4a5c0da774413a6dee76eb7d1 8 252 276 2025-06-12T21:38:25Z ARTIFICER 564804 Importing default loadout javascript text/javascript mw.hook( 'wikipage.content' ).add( () => { $( '.druid-title-tab' ).off( 'click' ) .on( 'click', function () { const $parent = $( this ).closest( '.druid-container' ); $parent.find( '.druid-toggleable' ).removeClass( 'focused' ); const i = $( this ).attr( 'data-druid' ); $parent.find( `.druid-toggleable[data-druid="${i}"]` ).addClass( 'focused' ); } ); $( '.druid-section-tab' ).off( 'click' ) .on( 'click', function () { const $parent = $( this ).closest( '.druid-section-container' ); $parent.find( '.druid-toggleable' ).removeClass( 'focused' ); const i = $( this ).attr( 'data-druid' ); $parent.find( `.druid-toggleable[data-druid="${i}"]` ).addClass( 'focused' ); } ); $( '.druid-collapsible' ).off( 'click' ) .on( 'click', function () { const kind = $( this ).attr( 'data-druid-section' ); $( this ) .toggleClass( 'druid-collapsible-collapsed' ) .closest( '.druid-container' ) .find( `[data-druid-section-row="${kind}"]` ) .toggleClass( 'druid-collapsed' ); } ); } ); /* End DRUID */ af8f73fc414f3fc0dae8d97a044675e9912fa457 8 253 277 2025-06-12T21:38:25Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with Discord embeds" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [ "jquery" ], "type": "general" } } 1232b7fbe2ff589295233393f6f387cf52793a2a 8 254 278 2025-06-12T21:38:26Z ARTIFICER 564804 Importing default loadout javascript text/javascript /** * DiscordCompact.js * ---------------------- * A very simple script to display a Discord widget. * Version 0.0.2 * https://support.wiki.gg/wiki/DiscordCompact * ---------------------- */ $(function() { var widget = $("#content #discord-compact-widget"); // Bail out if we didn't find a widget. if (!widget.length) return; var id = widget.attr("data-id"); // Ensure that the id is not blank. if (id === "") throw new Error("DiscordCompact has a blank server id!"); // Ensure that the id consists only of numbers and is at least 17 characters long. if (!new RegExp("^[0-9]{17}[0-9]+$").test(id)) throw new Error("DiscordCompact has an invalid server id!"); var apiBase = "https://discord.com/api/guilds/" + id; // Get some information about the server, such as online member count and invite url. // This also tells us if the server exists or has widgets disabled, so we look out for that too. $.ajax(apiBase + "/widget.json").fail(function(req){ if (!req.responseJSON) throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.json (status: " + req.status); switch (req.responseJSON.code) { case 10004: throw new Error("DiscordCompact has a valid server id, but no such server exists!"); case 50004: throw new Error("DiscordCompact has a valid server id, but that server has widgets disabled!"); default: throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.json (status: " + req.status + "; code: " + req.responseJSON.code + ")"); } }).done(function(res){ const inviteURL = res.instant_invite; // Warn if we can't get an invite URL. if (inviteURL == null) console.warn("DiscordCompact cannot get an invite URL; does this server have an invite channel set in Widget settings?"); // Now get the widget image. $.ajax({url: apiBase + "/widget.png?style=banner2", xhrFields: {responseType: "blob"}}).fail(function(req){ if (!req.responseJSON) throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.png! (status: " + req.status); throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.png! (status: " + req.status + "; code: " + req.responseJSON.code + ")"); }).done(function(blob){ // Convert the image data into base64. This prevents us having to make the client request it a second time. const imageReader = new FileReader(); imageReader.readAsDataURL(blob); imageReader.onloadend = function() { const b64Data = imageReader.result; // Replace the widget with an <a> tag widget.replaceWith(function() { return $("<a>", { id: widget.attr("id"), class: widget.attr("class"), style: widget.attr("style"), alt: "Discord server widget", href: inviteURL }); }); // We need to grab the widget again to update it. widget = $("#discord-compact-widget"); // Setup the CSS so that the image is displayed. widget.css("display", "block"); widget.css("max-height", "76px"); widget.css("max-width", "320px"); // Create the image. const widgetImage = document.createElement("img"); widgetImage.src = b64Data; widgetImage.style.width = "100%"; widgetImage.style.height = "100%"; widgetImage.style.borderRadius = "5px"; widget.append(widgetImage); // Prevent image dragging. widget.on("dragstart", function(e) { e.preventDefault(); }); // We're done here. console.log("DiscordCompact loaded successfully!"); } }); }); }); /** * based on https://dev.fandom.com/wiki/MediaWiki:DiscordIntegrator/code.js * * used by other wikis. */ $(function() { 'use strict'; var mconfig = mw.config.get([ 'wgContentLanguage', 'wgUserLanguage', 'wgUserName' ]); if (window.DiscordIntegratorLoaded) { return; } window.DiscordIntegratorLoaded = true; /** * Main object * @static */ var DiscordIntegrator = { /** * Initializing */ init: function() { mw.hook('wikipage.content').add($.proxy(this.insertToContent, this)); }, /** * Finding the designated places in content * in which to place the widget and placing it */ insertToContent: function($content) { $content.find('.DiscordIntegrator:not(.loaded)').each($.proxy(function(cabbage, el) { el = $(el); el.html(this.generateContent(el.data())).addClass('loaded'); }, this)); }, /** * Determines the theme of the widget. * @param {string} config Configured theme * @return {string} 'light' or 'dark' depending on the wiki theme and configuration */ determineTheme: function(config) { // If explicitly configured to light or dark. if (config === 'dark') { return 'dark'; } if (config === 'light') { return 'light'; } /** If not configured **/ // try to determine based on wiki theme (set by themeToggle): var clas = $(':root').attr('class'); var regex = /(^|\s)theme-(\w+)(\s|$)/; var match = clas.match(regex); if(match){ var wikiThemeName = match[2]; if(typeof(config) === 'object' && config !== null){ //with json theme config if(config[wikiThemeName]){ return config[wikiThemeName]; } } if(wikiThemeName === 'light'){ return 'light'; } if(wikiThemeName === 'dark'){ return 'dark'; } } // Otherwise, default to dark. return 'dark'; }, /** * Generating widget content from an object * @return {string} Content of the widget */ generateContent: function(config) { if (!config.id || !String(config.id).match(/\d{17,19}/)) { return "Error: ID of the widget is malformed or not supplied, please see <a href='https://support.wiki.gg/wiki/DiscordWidget' title='the instructions'>the instructions</a> for how to find your server's ID. Please make sure you are not inserting <strong>the DiscordIntegrator template</strong> when asked for <strong>your widget ID</strong>."; } if ( ( config.loggedIn === true || Boolean(config['logged-in']) === true && config['logged-in'] !== 'false' && config['logged-in'] !== '{{{loggedIn}}}' ) && !mconfig.wgUserName ) { return "Please <a href='/Special:UserLogin' title='log in'>log in</a> to see this widget."; } var username = config.username === '@disabled' ? '' : config.username === '@function' && typeof window.DiscordIntegratorGetUsername === 'function' ? window.DiscordIntegratorGetUsername() : config.username || mconfig.wgUserName; return mw.html.element('iframe', { src: 'https://discord.com/widget?id=' + config.id + '&theme=' + this.determineTheme(config.theme) + '&username=' + encodeURIComponent(username), width: config.width || '100%', height: config.height || '400px', allowtransparency: 'true', frameborder: '0', title: "Discord server widget" }); } }; DiscordIntegrator.init(); }); 1e1fd5704120cf67e15a757bd964c7295bdb464e 8 255 279 2025-06-12T21:38:26Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [ 828 ], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [ "jquery" ], "type": "general" } } e5843d78effc2d04aa1fde18970885a1845ae525 8 256 280 2025-06-12T21:38:26Z ARTIFICER 564804 Importing default loadout javascript text/javascript /* Link to imported modules from Lua code */ $(function() { var config = mw.config.get([ 'wgCanonicalNamespace', 'wgFormattedNamespaces' ]); if (config.wgCanonicalNamespace !== 'Module') { return; } var localizedNamespace = config.wgFormattedNamespaces[828]; $('.s1, .s2, .s').each(function() { var $this = $(this); var html = $this.html(); var quote = html[0]; var isLongStringQuote = quote === '['; var quoteRE = new RegExp('^\\' + quote + '|\\' + quote + '$', 'g'); if (isLongStringQuote) { quoteRE = /^\[\[|\]\]$/g; } var name = html.replace(quoteRE, ''); var isEnglishPrefix = name.startsWith('Module:'); var isLocalizedPrefix = name.startsWith(localizedNamespace + ':'); var isDevPrefix = name.startsWith('Dev:'); if (isEnglishPrefix || isLocalizedPrefix || isDevPrefix) { var attrs = { href: mw.util.getUrl(name) }; if (isDevPrefix) { attrs.href = 'https://commons.wiki.gg/wiki/Module:' + mw.util.wikiUrlencode(name.replace('Dev:', '')); attrs.target = '_blank'; attrs.rel = 'noopener'; } var link = mw.html.element('a', attrs, name); var str = quote + link + quote; if (isLongStringQuote) { str = '[[' + link + ']]'; } $this.html(str); } }); }); dc09796545586723653a906ae1fed87411f49536 8 257 281 2025-06-12T21:38:27Z ARTIFICER 564804 Importing default loadout javascript text/javascript /* [[Template:Spoiler]] */ mw.hook('wikipage.content').add(function() { $('.spoiler-content') .off('click') // in case this code is loaded twice .on('click', function(e){ $(this).toggleClass('show'); }).find('a').on('click', function(e){ e.stopPropagation(); }); }); /* End Template:Spoiler */ c96e5a798a1781287a56037db79ab9094a3eae2b 8 258 282 2025-06-12T21:38:27Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with spoilers" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [ "jquery" ], "type": "general" } } e2aacbae968c704385f3937e6b0004f263907193 8 259 283 2025-06-12T21:38:28Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [ "edit" ], "categories": [], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [ "jquery" ], "type": "general" } } 518bbdc62f3fe767736f2de6ee9ba2b7eb9ab0a8 8 260 284 2025-06-12T21:38:29Z ARTIFICER 564804 Importing default loadout javascript text/javascript $(function() { $('.mw-charinsert-item').each(function() { $(this).text($(this).closest('div').attr('data-ci-label')); $(this).css('display', 'inline-block'); }); $('.ci-loading-text').css('display','none'); }); daabc4b17b7729432f5c146630a0715a7abc13e9 8 261 285 2025-06-12T21:38:29Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [ 8 ], "contentModels": [ "css" ], "rights": [ "editinterface" ] }, "module": { "pages": [ "main.js" ], "dependencies": [], "type": "general" } } b512452ab2c0b2fd4d86d6a70c4c80fba41d14ed 8 262 286 2025-06-12T21:38:29Z ARTIFICER 564804 Importing default loadout javascript text/javascript $(function() { if (mw.config.get('wgPageName') != "MediaWiki:Common.css") return; mw.loader.load( 'https://commons.wiki.gg/load.php?lang=en&modules=ext.gadget.themeColorEditorScript&skin=vector&maxage=360&smaxage=360' ) }); a6d1c6789815c3c323c2afd84def2c1ca23d5efe 8 263 287 2025-06-12T21:38:30Z ARTIFICER 564804 Importing default loadout css text/css .ranger-navbox{ --navbox-background: var(--wiki-content-background-color); /* for entire navbox */ --navbox-margin: 0.5em auto; --navbox-padding: 4px; --navbox-gap: 3px; /* when using zero-value, it must be 0px */ --navbox-outer-border-color: var(--wiki-content-border-color--accent); --navbox-outer-border-width: 1px; --navbox-outer-border-style: solid; --navbox-outer-border-radius: 0px; --navbox-font-size: calc(1em - 2px); --navbox-title-color: var(--wiki-accent-label-color); --navbox-title-font-size: calc(125%); --navbox-title-background: var(--wiki-accent-color); --navbox-title-icon-color: var(--wiki-accent-label-color); --navbox-title-link-color: var(--navbox-title-color); --navbox-title-link-color--visited: var(--navbox-title-link-color); --navbox-title-link-color--hover: var(--wiki-accent-link-color); --navbox-title-redlink-color: var(--navbox-title-link-color); --navbox-title-link-decoration: underline solid; --navbox-title-redlink-decoration: underline wavy; --navbox-title-padding--y: 0.5em; --navbox-above-background: color-mix(in srgb, var(--wiki-content-text-color) 15%, transparent); --navbox-above-color: var(--wiki-content-text-color); --navbox-above-padding: var(--navbox-list-padding); --navbox-below-background: var(--navbox-above-background); --navbox-below-color: var(--navbox-above-color); --navbox-below-padding: var(--navbox-above-padding); --navbox-header-color: var(--navbox-title-color); --navbox-header-font-size: calc(110%); --navbox-header-background: var(--navbox-title-background); --navbox-header-icon-color: var(--navbox-title-icon-color); --navbox-header-link-color: var(--navbox-title-link-color); --navbox-header-link-color--visited: var(--navbox-title-link-color--visited); --navbox-header-link-color--hover: var(--navbox-title-link-color--hover); --navbox-header-redlink-color: var(--navbox-title-redlink-color); --navbox-header-link-decoration: var(--navbox-title-link-decoration); --navbox-header-redlink-decoration: var(--navbox-title-redlink-decoration); --navbox-header-padding--y: 0.3em; --navbox-subheader-font-size: calc(100%); --navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2); --navbox-list-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent); --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 8%, transparent); --navbox-list-color: var(--wiki-content-text-color); --navbox-list-padding: 0.25em 0.5em; /* --navbox-group-* also apply to .ranger-subgroup */ --navbox-group-text-align: left; --navbox-group-text-align--mobile: left; /* only for mobile view */ --navbox-group-background: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); --navbox-group-color: var(--wiki-content-text-color); --navbox-group-padding: var(--navbox-list-padding); --navbox-tree-line-color: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); --navbox-tree-line-width: 2px; --navbox-tree-indent: 1em; --navbox-tree-line-indent: 0.5em; --navbox-tree-line-spacing: var(--navbox-gap); --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-metalinks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --navbox-icon-offset--x: 0.5rem; /* should be an absolute length (rem-based or px-based) */ } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ /** vars for the "pill" style only (`.pill` and ".pill-mobile" clases) **/ --navbox-pill-gap: 0.3em; --navbox-pill-padding: 0.25em 0.75em; --navbox-pill-border-radius: 3px; --navbox-pill-box-shadow: none; --navbox-pill-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent); --navbox-pill-box-shadow--hover: inset 0 0 3px var(--navbox-list-color); --navbox-pill-background--hover: var(--navbox-pill-background); --navbox-pill-selflink-background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);/* background of pills with selflink in them */ /* remove list cell background */ --navbox-list-background: none; --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 3%, transparent); } .ranger-navbox.no-underline-title-links{ --navbox-title-link-color: var(--wiki-accent-link-color); --navbox-title-link-decoration: none; --navbox-title-redlink-decoration: none; } .ranger-navbox.noborder, .ranger-navbox.no-border{ --navbox-padding: 0px; --navbox-outer-border-width: 0px; } /****************************** * Fallback for older browsers * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .ranger-navbox { --navbox-above-background: var(--wiki-content-background-color--secondary); --navbox-list-background: transparent; --navbox-list-background--striped: var(--wiki-content-background-color--secondary); --navbox-group-background: var(--wiki-content-background-color--secondary); --navbox-tree-line-color: var(--wiki-content-background-color--secondary); } .ranger-navbox.pill, .ranger-navbox.pill-mobile { --navbox-pill-background: var(--wiki-content-background-color--secondary); --navbox-list-background--striped: transparent; --navbox-pill-selflink-background: var(--wiki-content-background-color--secondary); } } /*************** * End fallback * ****************/ 0f49887270380cdac6968f16cfc75a115818c39a 8 264 288 2025-06-12T21:38:31Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": false, "default": false, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.css" ], "dependencies": [], "type": "styles" } } e110b26ef7e015e5579a5eb41f366be7e37da34b 8 265 289 2025-06-12T21:38:31Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [], "contentModels": [], "rights": [ "editprotected" ] }, "module": { "pages": [ "main.css", "main.js" ], "dependencies": [ "jquery", "mediawiki.util" ], "type": "general" } } 896c95a05c8010f4e27f4ae9b4ceff0ac857e576 8 266 290 2025-06-12T21:38:32Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "appearance", "package": true, "default": false, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.css", "main.js" ], "dependencies": [ "jquery" ], "type": "general" } } d67dc8fabaf4e1d275a3b17c42f3d707f00b707c 8 267 291 2025-06-12T21:38:33Z ARTIFICER 564804 Importing default loadout javascript text/javascript $(function(){ // CONFIG section, you can edit this part // a list of sections that should be collapsed by default for *all users*. // This should be the name of the heading as listed in Mediawiki:Sidebar and is case-sensitive. // For example, if you have '* Character_Classes' and you want that section collapsed, add 'Character_Classes' into the brackets below. // Separate entries with commas and use underscores instead of spaces. // Example list: ['Character_Classes', 'Items', 'External_Links'] // Please DO NOT add navigation or tb into this list, as they are expected functionality. var INITIALLY_COLLAPSED_IDS = []; var MIN_ACTIVATION_WIDTH = 721; //END CONFIG // add the p- onto ids for ease of use, if not present INITIALLY_COLLAPSED_IDS.forEach(function(id, index){ if(!id.startsWith('p-')){ INITIALLY_COLLAPSED_IDS[index] = 'p-' + id; } }); var $portals = $("#mw-panel .vector-menu-portal"); var setup = function(){ $portals.each(function(index, el){ if(window.innerWidth < MIN_ACTIVATION_WIDTH) { return; } var $el = $(el); var $id = $el.attr("id"); if(!$id){ return; } // check if this portal should be collapsed if( // portal is set to be initially collapsed and user has not indicated that they want it open (INITIALLY_COLLAPSED_IDS.includes($id) && localStorage.getItem('sidebar_c_'+$id) != "n") || // or // user has indicated they want this portal collapsed (localStorage.getItem('sidebar_c_'+$id) === "y") ){ $el.addClass('collapsed').find('.vector-menu-content').slideUp(0); } }); } setup(); $(window).on('resize', setup); $portals.on("click", "h3", function(event){ if(window.innerWidth < MIN_ACTIVATION_WIDTH) { return; } var $el = $(this).parent(); var $id = $el.attr("id"); if(!$id){ return; } $el.toggleClass('collapsed'); if($el.hasClass('collapsed')){ // more consistent between class and slide status. localStorage.setItem('sidebar_c_'+$id, "y"); $el.find('.vector-menu-content').slideUp('fast'); } else{ localStorage.setItem('sidebar_c_'+$id, "n"); $el.find('.vector-menu-content').slideDown('fast'); } }); }); 63d4425138f9c81e8294fbd01a08de9e1f58256a 8 268 292 2025-06-12T21:38:33Z ARTIFICER 564804 Importing default loadout css text/css @media screen and (min-width: 721px) { .client-js #mw-panel .vector-menu-portal .vector-menu-heading { cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: all 0.2s; } .client-js #mw-panel .vector-menu-portal .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 1em; height: 1em; margin-top: 1px; /* offset */ --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-sidebar-link-color); transform: rotate(180deg); } .client-js #mw-panel .vector-menu-portal.collapsed .vector-menu-heading { margin-bottom: 0; } .client-js #mw-panel .vector-menu-portal.collapsed .vector-menu-heading::after { transform: rotate(0deg); } } 60b3807e9fd95b13e5e8d9abfa8e406321414e58 8 269 293 2025-06-12T21:38:34Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [ -1 ], "contentModels": [], "rights": [ "edit", "upload" ] }, "module": { "pages": [ "main.js" ], "dependencies": [ "jquery", "mediawiki.util" ], "type": "general" } } 13bc1e984c367575a7b4f4ac29d2cf75b4f01c6c 8 270 294 2025-06-12T21:38:34Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [], "contentModels": [], "rights": [ "edit" ] }, "module": { "pages": [ "main.js" ], "dependencies": [ "mediawiki.util", "mediawiki.api" ], "type": "general" } } af2694fd57147735a6bfbca7f9d483ff0dff31c6 8 271 295 2025-06-12T21:38:35Z ARTIFICER 564804 Importing default loadout css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ 769d3248cef93d2b58dcf7339da923494f5173f8 8 272 296 2025-06-12T21:38:35Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [], "contentModels": [], "rights": [], "skins": [ "vector" ] }, "module": { "pages": [ "main.js" ], "dependencies": [], "type": "general" } } f26fca963d213febee869477a05933a6fedfc542 8 273 297 2025-06-12T21:38:36Z ARTIFICER 564804 Importing default loadout javascript text/javascript /*** Mobile navigation toggle button ***/ ( function () { const BUTTON_CLASS = 'mobile-nav-toggle'; const EXPANDED_CLASS = 'nav--expanded'; if (document.querySelector('button.' + BUTTON_CLASS)){return;} // early return to avoid double button if this runs twice let mobileSidebarButton = document.createElement( 'button' ); let sidebar = document.getElementById( 'mw-panel' ); mobileSidebarButton.className = BUTTON_CLASS; mobileSidebarButton.addEventListener( 'click', function () { mobileSidebarButton.classList.toggle( EXPANDED_CLASS ); sidebar.classList.toggle( EXPANDED_CLASS ); } ); sidebar.prepend( mobileSidebarButton ); document.body.classList.add( 'has-vector-mobile-menu' ); } )(); /*** End mobile navigation toggle button ***/ /*** #mw-head collapsing fix ***/ /*** IMPORTANT: Do not copy this code if your wiki is not updated to default loadout 2.0 (May 22, 2025) or later, or your navigation tabs will break ***/ mw.loader.using('skins.vector.legacy.js', function() { $.collapsibleTabs.calculateTabDistance = function(){ return parseInt(window.getComputedStyle(document.getElementById( 'right-navigation' ), '::before').width ) - 1; } }); /*** END #mw-head collapsing fix ***/ cb209a13dfc674d9ad471ec79784c4d65ad785f1 8 226 298 250 2025-06-13T01:26:21Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ @import url(https://terraria.wiki.gg/load.php?lang=en&modules=site.styles&only=styles&skin=vector); /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 02b52016d180f687f910af3d0818b90494f00539 299 298 2025-06-13T01:27:29Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /*@import url(https://terraria.wiki.gg/load.php?lang=en&modules=site.styles&only=styles&skin=vector); /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ d253070f30c95a4ad87c52f4a34dcefffcf4d970 300 299 2025-06-13T01:28:16Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /*@import url(https://terraria.wiki.gg/load.php?lang=en&modules=site.styles&only=styles&skin=vector);*/ @import url(https://terraria.wiki.gg/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css); /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ db39e92be9ca92a58b6c846bf35d6ecb1c5628e1 301 300 2025-06-13T01:28:36Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ @import url(https://terraria.wiki.gg/load.php?lang=en&modules=site.styles&only=styles&skin=vector); @import url(https://terraria.wiki.gg/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css); /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 6ab9cd04506202f27acf75082b05049268bb0d0d 302 301 2025-06-13T01:28:50Z Squeaker 434557 Reverted edits by [[Special:Contributions/Squeaker|Squeaker]] ([[User talk:Squeaker|talk]]) to last revision by [[User:ARTIFICER|ARTIFICER]] css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 990ed9861efc47fd4f39826fc42a8fad581cf0e4 6 274 303 2025-06-13T01:33:03Z Squeaker 434557 satanist mode wikitext text/x-wiki == Summary == satanist mode 37e291fca226b8738055fba09944b76fa02d4292 304 303 2025-06-13T01:33:21Z Squeaker 434557 Protected "[[File:Site-favicon.ico]]": no editing bronado ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) wikitext text/x-wiki == Summary == satanist mode 37e291fca226b8738055fba09944b76fa02d4292 6 274 305 304 2025-06-13T01:52:44Z Squeaker 434557 Squeaker uploaded a new version of [[File:Site-favicon.ico]] wikitext text/x-wiki == Summary == satanist mode 37e291fca226b8738055fba09944b76fa02d4292 306 305 2025-06-13T01:55:12Z Squeaker 434557 Squeaker uploaded a new version of [[File:Site-favicon.ico]] wikitext text/x-wiki == Summary == satanist mode 37e291fca226b8738055fba09944b76fa02d4292 8 226 307 302 2025-06-13T05:21:44Z Squeaker 434557 let's give this a try css text/css /* Import common CSS from the vanilla Terraria Wiki: * @import url(https://terraria.wiki.gg/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css); * Below is snap of https://terraria.wiki.gg/wiki/MediaWiki:Common.css?oldid=931214 */ /******************************************************************************* * * * COMMON.CSS * * * *******************************************************************************/ /* * This page contains the entire stylesheet for the Terraria Wiki. * Import this CSS in a language wiki or the Terraria Mods Wiki via the following line: @import url(https://terraria.wiki.gg/load.php?lang=en&modules=site.styles&only=styles&skin=vector); * * Please do not edit this page directly! * This page was compiled from a series of SCSS files (https://sass-lang.com); * edit those instead and recompile this page. See [[Terraria Wiki:CSS]] to learn more. * * For the stylesheets of the different themes ([[Terraria Wiki:Themes]]), see: * - [[MediaWiki:Theme-Underground.css]] * - [[MediaWiki:Theme-Snow.css]] * - [[MediaWiki:Theme-Jungle.css]] * - [[MediaWiki:Theme-Hallowed.css]] * - [[MediaWiki:Theme-Crimson.css]] * - [[MediaWiki:Theme-Corruption.css]] * - [[MediaWiki:Theme-Legacy.css]] * * For a basic introduction to styling with CSS, see https://www.mediawiki.org/wiki/Manual:CSS */ :root { --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; /* https://www.iconfinder.com/icons/7422432/wikipedia_wiki_encyclopedia_knowledge_education_icon */ --icon-wiki: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Wikipedia'%3E%3Cpath d='M32.59,12.32a.46.46,0,0,1-.08.25.26.26,0,0,1-.19.11,2.34,2.34,0,0,0-1.35.53,5,5,0,0,0-1.09,1.73L24.16,27.82c0,.12-.14.18-.31.18a.33.33,0,0,1-.31-.18l-3.21-6.7-3.69,6.7a.34.34,0,0,1-.31.18.34.34,0,0,1-.33-.18L10.39,14.94a4.37,4.37,0,0,0-1.11-1.67,3,3,0,0,0-1.63-.59.19.19,0,0,1-.16-.1.29.29,0,0,1-.08-.22c0-.21.06-.31.18-.31.5,0,1,0,1.57.07s1,.07,1.43.07,1,0,1.61-.07,1.23-.07,1.73-.07c.12,0,.18.1.18.31s0,.32-.11.32a2.09,2.09,0,0,0-1.18.38,1,1,0,0,0-.44.85,1.72,1.72,0,0,0,.18.67L17.2,25.06l2.64-5-2.46-5.15a6.87,6.87,0,0,0-1.08-1.78A2.25,2.25,0,0,0,15,12.68a.17.17,0,0,1-.15-.1.33.33,0,0,1-.08-.22c0-.21.05-.31.16-.31a11.78,11.78,0,0,1,1.38.07,12.87,12.87,0,0,0,1.29.07c.45,0,.92,0,1.42-.07s1-.07,1.52-.07c.12,0,.18.1.18.31s0,.32-.11.32c-1,.07-1.5.35-1.5.85a2.8,2.8,0,0,0,.35,1l1.62,3.3,1.62-3A2.43,2.43,0,0,0,23,13.78c0-.69-.5-1.06-1.5-1.1-.09,0-.13-.11-.13-.32a.42.42,0,0,1,.06-.21c.05-.07.09-.1.14-.1.36,0,.8,0,1.32.07s.91.07,1.23.07.58,0,1-.06,1.05-.08,1.43-.08c.09,0,.13.09.13.27s-.08.36-.24.36a2.81,2.81,0,0,0-1.41.48,6.12,6.12,0,0,0-1.33,1.78l-2.15,4,2.91,5.94,4.31-10a2.64,2.64,0,0,0,.22-1c0-.73-.5-1.12-1.5-1.16-.09,0-.14-.11-.14-.32s.07-.31.21-.31c.36,0,.8,0,1.3.07s.85.07,1.16.07.71,0,1.14-.07a11.09,11.09,0,0,1,1.22-.07Q32.59,12.05,32.59,12.32Z'/%3E%3C/g%3E%3C/svg%3E"); /* https://www.iconfinder.com/icons/8678406/brush_paint_painting_icon */ --icon-brush: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.456 9.678l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246zM13.29 6.216l4.939-3.841a1 1 0 0 1 1.32.082l2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c3.98-3 3.047-4.81 3.5-6.5 1.058-3.95 4.842-6.257 8.789-5.284zm3.413 1.879c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746-3.182 2.475 1.125 1.125z'/%3E%3C/g%3E%3C/svg%3E"); /* icons below are from https://tabler-icons.io/ */ --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } @media screen and (min-width: 2472px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 2200px; } } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { display: table; white-space: unset; /* be set to `nowrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } body, code { background: none; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } /*********************************************************************************************************** * base CSS styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: var(--font-family); color: var(--theme-text-color); } /* Text color */ #content { color: var(--theme-text-color); } html { background: var(--theme-site-background); /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ overflow-y: scroll; } body { font-size: var(--font-size); line-height: var(--line-height); } ul, ol { margin: 2px 0 2px 1.5em; } ul { list-style-image: none; } li { margin: 0 0 2px 0; } small { font-size: var(--font-size-s); line-height: var(--line-height-s); } sup, sub { font-size: var(--font-size-s); } /* Code styling, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#164 * (not sure about the purpose of ".mw-code", it only seems to be used on very * long Lua pages like [[Module:Exclusive/data]]) * (looks like ".mw-code" can also be used manually on pages to mimic <pre> * styling while still respecting wikicode; see [[Help:Displaying code text]]) */ pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-box-border-color-light); } pre, .mw-code { background-color: var(--theme-box-background); } /* Break really long words when they overflow to the next line. * By default this is only applied to pre and .mw-code, not code: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#177 */ code { word-wrap: break-word; } fieldset { border-width: 2px; border-color: var(--theme-border-color); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* Blockquotes, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/master/resources/common/typography.less */ .vector-body blockquote { border-left-color: var(--oouihelper--themerelated-lighter-transparent); padding-left: 24px; } /*********************************************************************************************************/ /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* "Note text" color */ .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#230 */ .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .fullheight, .full-height { height: 100%; } .nowrap { white-space: nowrap; } /* The default ".center" class has a "width:100%" style, see here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#219 * We don't always want that, so we're using a different, new class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* floating */ .float-right { float: right; margin: 0 0 var(--layout-gap) var(--layout-gap); } .float-left { float: left; margin: 0 var(--layout-gap) var(--layout-gap) 0; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } /* Theme-aware color for icons (black for light themes, white for dark themes) */ .blackwhite-icon { filter: var(--ooui--icon-normal-filter); } /* Invert for dark theme -- deprecated, please use ".blackwhite-icon" */ .dark-invert { filter: invert(1); } /* Invert class */ .invert { filter: invert(1); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#55 */ hr { height: 0; background: none; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin: 4px 0; } hr.space { height: 4px; background: none; border: 0; } hr.incell-border { /* border inside a table cell */ margin: 0.7em 0; background-color: var(--theme-box-border-color); } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: " • "; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: " ("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ". "; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li, dt, dd):not(:has(:is(li, dt, dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: 100px; /* scroll offset */ } body { height: auto; margin: 0 !important; /* fix for some contexts such as SearchDigest popup dialog */ } /*** main grid container ***/ body { /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--wikigg-header-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end] var(--layout-footerspace) [body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head, #mw-head-base { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some pages such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel, #mw-panel * { box-sizing: border-box; } #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 6px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel #t-print { /* hide the "Printable version" link. */ display: none; } #mw-panel a:not(:focus) { /* remove the underline from links, unless the links are focused (accessibility: focused links must be distinguishable in some way) */ text-decoration: none; } #mw-panel .menu-toggle { display: none; } #mw-panel .mw-portlet { /* section box */ border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-section-background); margin: 0; padding: 0; } #mw-panel .mw-portlet .vector-menu-heading { /* section heading */ border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; background: var(--theme-heading-background); margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } #mw-panel .mw-portlet .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); transform: scaleY(-1); } .client-nojs #mw-panel .mw-portlet .vector-menu-heading { /* the cursor should not be pointer if JavaScript is disabled * (because the heading can't be clicked in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ cursor: unset; } .client-nojs #mw-panel .mw-portlet .vector-menu-heading::after { /* don't display the arrow if JavaScript is disabled (because * the heading can't be collapsed in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ display: none; } #mw-panel .mw-portlet:hover .vector-menu-heading::after { background-color: var(--theme-icon-color-hover); } #mw-panel .mw-portlet.collapsed .vector-menu-heading::after { transform: none; } #mw-panel #p-logo + .mw-portlet, #mw-panel .menu-toggle + .mw-portlet { /* first section */ position: relative; /* for the "grass" */ } #mw-panel #p-logo + .mw-portlet .vector-menu-heading, #mw-panel .menu-toggle + .mw-portlet .vector-menu-heading { /* show the heading of first section */ display: flex; } #mw-panel #p-logo + .mw-portlet::before, #mw-panel .menu-toggle + .mw-portlet::before { /* the "grass" */ content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .mw-portlet border width */ margin-top: -1px; /* compensate .mw-portlet border width */ left: -1px; } #mw-panel .mw-portlet .body { /* list body */ background: none; border: 0; padding: 0; margin: 0; } #mw-panel .mw-portlet .body::before { /* line between header and body */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); } #mw-panel .mw-portlet .body ul { padding: 4px; } #mw-panel .mw-portlet .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: calc(var(--list-body-font-size) + 2px); border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-panel .mw-portlet .body li:hover { background: var(--theme-highlight-background); } #mw-panel .mw-portlet .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .mw-portlet .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .mw-portlet .body li a:hover { color: var(--theme-link-color-hover); } #mw-panel .mw-portlet .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** #mw-head (navbar) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; box-sizing: border-box; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --layout-content-size-toggle-gap-left: 4px; --layout-content-size-toggle-gap-right: 5px; --tab-padding-x: 12px; --tab-padding-y: 4px; --icon-size: 1em; --icon-margin: 3px; top: unset; /* reset for under 720/960px */ box-sizing: border-box; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: stretch; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; border-bottom: 1px solid var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #nav-content-size-toggle { flex: 0 0 auto; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before { flex: 0 0 calc(var(--layout-content-size-toggle-gap-left) + 22px + var(--layout-content-size-toggle-gap-right)); /* for sidebar toggle button */ } #mw-head #right-navigation::after { flex: 0 0 calc(var(--layout-padding) - var(--layout-gap)); /* last item of #right-navigation has margin-right:var(--layout-gap) */ } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: stretch; } /* tab */ #mw-head { --theme-tab-border-radius: var(--theme-widget-border-radius); --theme-tab-border-style: solid; --theme-tab-border-left-width: 1px; --theme-tab-border-right-width: 1px; --theme-tab-border-top-width: 1px; --theme-tab-border-bottom-width: 1px; --theme-tab-border-width: var(--theme-tab-border-top-width) var(--theme-tab-border-right-width) var(--theme-tab-border-bottom-width) var(--theme-tab-border-left-width); --theme-tab-border-bottom-color: var(--theme-border-bottom-color); --theme-tab-border-bottom: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) var(--theme-tab-border-bottom-color); --theme-tab-border-bottom-selected: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ height: auto; border-bottom: var(--theme-tab-border-bottom); position: relative; padding-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* inset shadow */ content: ""; display: block; pointer-events: none; width: 100%; height: 100%; background: var(--theme-background-shadow); position: absolute; right: 0; bottom: 0; } #mw-head .vector-menu-tabs .mw-list-item.icon, #mw-head .vector-menu-dropdown.icon { display: flex; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); background: var(--theme-tab-background); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color-selected); border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; padding-right: 0; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item.selected::after { /* gap */ width: var(--layout-gap); right: auto; left: 100%; margin: 0 0 0 var(--theme-tab-border-left-width); /* left offset */ border-bottom: var(--theme-tab-border-bottom); } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-tab-border-bottom-selected); background: none; color: var(--theme-text-color); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { all: unset; /* arrow icon */ content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; margin-top: 0; white-space: nowrap; z-index: 999; } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li { border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--layout-dropdown-item-padding-y) var(--layout-dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* "more" menu */ #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: var(--layout-gap); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: var(--icon-star-empty); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: var(--icon-star-filled); } /*** search form ***/ #mw-head #p-search { --theme-border-radius: 2px; --theme-background: var(--theme-tab-background); --theme-background-active: var(--theme-tab-background-selected); --theme-border-color: var(--theme-legacy-search-border-color); --theme-border-color-active: var(--theme-legacy-search-border-color-active); background: var(--theme-background-shadow); border: 0; border-bottom: 1px solid var(--theme-border-bottom-color); margin: 0; padding: 1px var(--layout-gap) 0 2px; } #mw-head #p-search > div { display: flex; align-items: flex-start; height: 100%; } #mw-head #p-search form { margin: 0; overflow: hidden; width: auto; opacity: unset; align-self: stretch; padding-bottom: var(--layout-gap); } #mw-head #p-search #simpleSearch { margin: 0; width: 50vw; max-width: 15em; display: flex; } #mw-head #p-search .vector-search-box-input { height: unset; padding: 0 26px 0 4px; box-shadow: none; caret-color: var(--theme-text-color); align-self: stretch; border-radius: var(--theme-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-border-color); background: var(--theme-background); color: var(--theme-text-color); } #mw-head #p-search .vector-search-box-input:focus { outline: 0; border-color: var(--theme-border-color-active); } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: var(--icon-search) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 19px 19px; mask-size: 19px 19px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head #p-search .searchButton:hover { background-color: var(--theme-icon-color-hover); } #mw-head #p-search .searchButton.mw-fallbackSearchButton { opacity: 0; } /*** search result suggestions ***/ .suggestions { border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 0; border-bottom: 1px solid var(--theme-border-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; line-height: unset; } .suggestions .suggestions-special { margin: 0; border: 0; line-height: unset; padding: 2px 4px 4px; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-text-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); } #nav-content-size-toggle { display: none; } @media screen and (min-width: 1367px) { /*** sidebar toggle ***/ #nav-content-size-toggle { display: flex; padding-left: var(--layout-content-size-toggle-gap-left); margin-right: calc(0px - var(--layout-content-size-toggle-gap-left) - 22px); /* effective width = 0 */ } #nav-content-size-toggle span { align-self: center; display: block; width: 22px; height: 22px; cursor: pointer; --mask: var(--icon-sidebar-collapse) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } .content-size-expanded #nav-content-size-toggle span { --mask: var(--icon-sidebar-expand) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } .content-size-expanded #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } /* expanded */ body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right nav-left content-left footer-left] var(--layout-sidebar-width) var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } /****** main content box ******/ /* font */ .vector-body { font-size: inherit; /* reset */ line-height: inherit; } /** layout **/ #content { color: inherit; padding: 0; display: flex; flex-direction: column; background: var(--theme-background); border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /*** main heading section ***/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/REL1_43/resources/skins.vector.styles.legacy/layouts/screen.less#46 */ .mw-body .firstHeading { /* fix scroll-x issue for narrow width */ overflow: hidden; } /* the " < rootpage < page " crumb */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/interface-subtitle.less#6 */ #contentSub, #contentSub2 { font-size: 12px; line-height: 20px; margin: 0; color: var(--theme-text-color-note); } /* custom "back-arrows" */ #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the line between heading section and content body box */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 20em; } /********* Catlinks *********/ /* "Categories:" box at the bottom of the page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.skinning/interface.category.less */ .catlinks { border-color: var(--theme-border-color); border-radius: var(--theme-widget-border-radius); background: var(--theme-background); padding: 6px 12px; margin: var(--layout-padding-y) 0 0 0; } .catlinks li { border-left-color: var(--theme-border-color-accent); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) 0 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 var(--layout-padding-x) var(--layout-padding-y) 0; } /********* TablePager *********/ /* Data tables, used on e.g. Special:ListFiles */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.pager.styles/DataTable.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.pager.styles/TablePager.less */ .mw-datatable { border-color: var(--oouihelper--borderdark); } .mw-datatable td, .mw-datatable th { border-color: var(--oouihelper--borderdark); } .mw-datatable th { background-color: var(--oouihelper--textinput-background-darker); } .mw-datatable td { background-color: var(--oouihelper--textinput-background); } .mw-datatable tr:hover td { background-color: var(--oouihelper--textinput-background-lighter); } /********* Indicators *********/ /* The section with the little icons on the top right, e.g. the help icon on category pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/interface-indicators.less */ .mw-body .mw-indicators { z-index: 0; } .mw-body .mw-indicator { vertical-align: middle; } /****** #footer (copyright info) ******/ #footer { font-size: var(--font-size-s); line-height: 1.5; background: var(--theme-background); padding: var(--layout-padding-y) var(--layout-padding-y); border-radius: 0 0 var(--theme-widget-border-radius) var(--theme-widget-border-radius); border-width: 0 1px 1px; border-style: solid; border-color: var(--theme-widget-border-color); box-shadow: var(--theme-inner-shadow); z-index: 0; /* covered by content */ } #footer * { font-size: inherit; } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer #footer-icons a { background-image: none; color: #000; } /* background box for nav+content+#footer */ #mw-page-base { box-shadow: var(--theme-widget-shadow); border-radius: var(--theme-widget-border-radius); background: none; z-index: -1; } #mw-head, #content, #footer { margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /* the "grass" for main box */ #mw-head-base { margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: relative; top: var(--theme-top-background-offset); z-index: 1; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1366px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] var(--wikigg-header-height) [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end] var(--layout-footerspace) [body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-items: flex-end; align-self: end; height: min-content; padding: 0 4px; border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 100; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { padding: 12px 8px 9px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { transform: scaleY(1); /* normalize arrow direction */ margin-left: 3px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body::before { display: none; } #mw-panel .portal .body li { line-height: unset; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel #p-logo + .portal::before { /* hide the "grass" for first section */ display: none; } #mw-panel::before { content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .portal border width */ margin-top: -1px; /* compensate .portal border width */ left: -1px; z-index: 1; } #mw-head #p-search { position: absolute; z-index: 101; top: -45px; background: none; border: 0; padding: 0 var(--layout-padding) 0 0; } /* remove the "grass" from main box */ #mw-head-base { display: none; } /* no sidebar toggle now. */ #mw-head #left-navigation::before { flex: 0 0 var(--layout-padding); } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } } /* screen and (max-width: 1366px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; --layout-box-gap: 6px; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } /* the "grass" size fix */ #mw-panel::before { padding: 0; left: 0; } #mw-panel { display: block; height: 41px; } #mw-panel .menu-toggle { --mask: var(--icon-category) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 9px 12px 6px; } #mw-panel .portal { display: none; background: var(--theme-dropdown-background); border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; box-shadow: none; padding: 0 0 8px; width: 100%; } #mw-panel .portal .body ul { padding: 0 12px; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel #p-logo + .portal .vector-menu-heading { padding-top: 8px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-panel #p-lang { /* "languages"*/ display: block; justify-content: flex-end; position: absolute; left: 48px; top: 9px; background: none; } #mw-panel #p-lang .vector-menu-heading { margin: 0; padding: 0; width: 24px; height: 24px; } #mw-panel #p-lang .vector-menu-heading span { display: none; } #mw-panel #p-lang .vector-menu-heading::before { content: ""; display: block; pointer-events: none; --mask: var(--icon-language) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); width: 24px; height: 24px; margin: 0; } #mw-panel #p-lang .body { display: none !important; position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 6px; } #mw-panel #p-lang .body ul { display: block; padding: 4px 4px 0 4px; } #mw-panel #p-lang.expanded .body { display: block !important; } #mw-head #p-search { top: -45px; } #mw-head #p-search #simpleSearch { width: 65vw; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* navbar tabs to icons */ #mw-head { --icon: var(--icon-wiki); --icon-size: 18px; --icon-margin: 2px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: var(--icon-edit); } #ca-view, #ca-view-foreign { --icon: var(--icon-eye); } #left-navigation li[id^=ca-nstab-] { --icon: var(--icon-doc); } #left-navigation #ca-nstab-legacy { --icon: var(--icon-legacy); } #ca-history { --icon: var(--icon-history); } #ca-talk { --icon: var(--icon-talk); } #t-contributions { --icon: var(--icon-jigsaw); } #ca-addsection { --icon: var(--icon-pencil-plus); } #ca-viewsource { --icon: var(--icon-code); } #p-variants { --icon: var(--icon-globe); } #p-cactions { --icon: var(--icon-more); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:600px) */ /***** Notification area *****/ /* Notification boxes on the right, e.g. after patrolling an edit. * Introduction: https://www.mediawiki.org/wiki/Bubble_notifications */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/common.css * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/default.css */ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); transform: none; } .mw-notification.mw-notification-type-error { border-color: var(--theme-notice-red-border-color); color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { border-color: var(--theme-notice-orange-border-color); color: var(--theme-notice-orange-text-color); } .mw-notification.mw-notification-type-success { border-color: var(--theme-notice-green-border-color); color: var(--ooui--messagewidget-success-color); } /********* Collapsible elements *********/ /* Documentation of jquery.makeCollapsible: * https://www.mediawiki.org/wiki/Manual:Collapsible_elements * https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#jquery.makeCollapsible */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/jquery/jquery.makeCollapsible.less#16 */ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } .mw-collapsible-toggle-default .mw-collapsible-text:active, .mw-collapsible-toggle-default .mw-collapsible-text:hover { color: var(--theme-link-color-hover); } .mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { color: var(--theme-text-color); } /* Define custom classes "mw-collapsible-alignbtnright", "mw-collapsible-alignbtnleft": * For floating the "Collapse"/"Expand" link (instead of always right next to text) */ .mw-collapsible-alignbtnright .mw-collapsible-toggle { float: right !important; } .mw-collapsible-alignbtnleft .mw-collapsible-toggle { float: left !important; } /* Define a custom class "mw-collapsible-nofloat": * To forcibly prevent floating altogether */ .mw-collapsible-nofloat .mw-collapsible-toggle { float: none; } /* Define a custom class "plaincollapse": * Removes brackets from collapse/expand links and makes the text bold */ /* only apply to immediate children (".plaincollapse > ") to allow nesting */ .plaincollapse > .mw-collapsible-toggle-default .mw-collapsible-text { font-weight: bold; } .plaincollapse > .mw-collapsible-toggle-default::before, .plaincollapse > .mw-collapsible-toggle-default::after { color: transparent; } /********* Usermessage *********/ /* Box at the top of all pages when the user has a new message on their User_talk: page: * https://meta.wikimedia.org/wiki/New_messages_notification */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/interface-user-message.less */ .usermessage { border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); border-color: var(--theme-notice-yellow-border-color); background: var(--theme-notice-yellow-background-color); color: var(--theme-text-color); } /********* Message boxes *********/ /* Various boxes * * Prior to MediaWiki 1.43, these were used e.g. for the warning when previewing * a page. In MediaWiki 1.43, that was changed to Codex messages (".cdx-message") * and now it looks like they're no longer used for anything. * * Also, ".{message|error|warning|success}box" are fully deprecated already since * MediaWiki 1.39, see: * https://phabricator.wikimedia.org/T300306 * https://phabricator.wikimedia.org/T270796 * https://phabricator.wikimedia.org/T300314 */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.skinning/messageBoxes.less */ .messagebox, .errorbox, .warningbox, .successbox, .mw-message-box, .mw-message-box-warning, .mw-message-box-error, .mw-message-box-success { color: var(--theme-text-color); } .messagebox, .mw-message-box { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .errorbox, .mw-message-box-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .warningbox, .mw-message-box-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .successbox, .mw-message-box-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } /********* Spinner *********/ /* e.g. when patrolling an edit */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/jquery.spinner/spinner.less#61 */ .mw-spinner-container > div::after { background: var(--theme-text-color-em); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: " "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { content: ""; display: block; pointer-events: none; box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); width: 20px; height: 100%; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * CSS for pages in the "MediaWiki:" or "Special:" namespace, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* mediawiki.ui *********/ /********* mediawiki.ui.button *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.button/button.less */ /* the rules here can seem a bit strange/redundant/counter-intuitive, but that's necessary to overwrite the default styling */ .mw-ui-button { border-radius: 4px; background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); } .mw-ui-button:not(:disabled) { box-shadow: var(--ooui--button-box-shadow); transition: none; } .mw-ui-button:not(:disabled):visited { color: var(--ooui--button-color); } .mw-ui-button:not(:disabled):hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .mw-ui-button:not(:disabled):focus { color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .mw-ui-button:disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .mw-ui-button.mw-ui-quiet:not(:disabled), .mw-ui-button.mw-ui-quiet.mw-ui-progressive:not(:disabled), .mw-ui-button.mw-ui-quiet.mw-ui-destructive:not(:disabled) { border-radius: 0; background: unset; color: var(--ooui--button-color); border-width: 0; box-shadow: none; } .mw-ui-button.mw-ui-quiet:not(:disabled):hover, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:not(:disabled):hover, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:not(:disabled):hover { background: unset; color: var(--ooui--button-color--hover); border-width: 0; } .mw-ui-button.mw-ui-quiet:not(:disabled):focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:not(:disabled):focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:not(:disabled):focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .mw-ui-button.mw-ui-quiet:not(:disabled):active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:not(:disabled):active { background: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .mw-ui-button.mw-ui-quiet:disabled, .mw-ui-button.mw-ui-quiet:disabled:hover, .mw-ui-button.mw-ui-quiet:disabled:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled:hover, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled:hover, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled:active { border-radius: 0; background: unset; color: var(--ooui--button-disabled-color); border-width: 0; box-shadow: none; } .mw-ui-button.mw-ui-progressive:not(:disabled) { border-radius: 4px; background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); border-color: var(--ooui--button-progressive-primary-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .mw-ui-button.mw-ui-progressive:not(:disabled):active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); border-color: var(--ooui--button-progressive-primary-border-color); } .mw-ui-button.mw-ui-progressive:disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:not(:disabled) { color: var(--ooui--button-progressive-color); } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:not(:disabled):hover { color: var(--ooui--button-progressive-color--hover); } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:not(:disabled):focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:not(:disabled):active { color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .mw-ui-button.mw-ui-destructive:not(:disabled) { border-radius: 4px; background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); border-color: var(--ooui--button-destructive-primary-border-color); } .mw-ui-button.mw-ui-destructive:not(:disabled):hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-destructive-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } .mw-ui-button.mw-ui-destructive:not(:disabled):focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .mw-ui-button.mw-ui-destructive:not(:disabled):active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); border-color: var(--ooui--button-destructive-primary-border-color); } .mw-ui-button.mw-ui-destructive:disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:not(:disabled) { color: var(--ooui--button-destructive-color); } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:not(:disabled):hover { color: var(--ooui--button-destructive-color--hover); } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:not(:disabled):focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:not(:disabled):active { color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } input[type=submit].mw-ui-button { /* this is necessary because of a rule in base.scss */ color: var(--ooui--button-color); } /********* mediawiki.ui.checkbox *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.checkbox/checkbox.less */ .mw-ui-checkbox [type=checkbox] + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; } .mw-ui-checkbox [type=checkbox]:checked + label::before { background-image: none; background-size: 1em 1em; } .mw-ui-checkbox [type=checkbox]:enabled + label::before { border-color: var(--ooui--checkbox-border-color); } .mw-ui-checkbox [type=checkbox]:enabled:focus + label::before { border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); outline: 0; } .mw-ui-checkbox [type=checkbox]:enabled:hover + label::before { border-color: var(--ooui--checkbox-border-color--hover); } .mw-ui-checkbox [type=checkbox]:enabled:active + label::before { background-color: var(--ooui--checkbox-border-color); border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .mw-ui-checkbox [type=checkbox]:enabled:checked + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .mw-ui-checkbox [type=checkbox]:enabled:checked:focus + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .mw-ui-checkbox [type=checkbox]:enabled:checked:hover + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color--hover); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon--hover); } .mw-ui-checkbox [type=checkbox]:enabled:checked:active + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .mw-ui-checkbox [type=checkbox]:disabled + label::before { background-color: var(--ooui--checkbox-disabled-background-color); border-color: var(--ooui--checkbox-border-color); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } /********* mediawiki.ui.icon *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.icon/icons-2.less */ .mw-ui-icon-before::before { filter: var(--ooui--icon-normal-filter); } /********* mediawiki.ui.input *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.input/input.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.less/mediawiki.mixins.less */ .mw-ui-input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-ui-input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-ui-input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-ui-input::placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-ui-input:not(:disabled) { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .mw-ui-input:not(:disabled):hover { border-color: var(--ooui--textarea-border-color--hover); } .mw-ui-input:not(:disabled):focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: none; outline: 0; } .mw-ui-input:disabled { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /********* mediawiki.widgets *********/ /********* mediawiki.widgets.CalendarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.widgets/mw.widgets.CalendarWidget.less */ .mw-widget-calendarWidget { border-color: var(--ooui--textarea-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); outline: 0; } .mw-widget-calendarWidget-day { color: var(--theme-text-color); } .mw-widget-calendarWidget-day-heading { color: var(--theme-text-color-em); } .mw-widget-calendarWidget-day-additional { color: var(--oouihelper--disabled-lighter-transparent); } .mw-widget-calendarWidget-day-additional:hover { color: var(--theme-text-color-em); } .mw-widget-calendarWidget-day-today { border: 1px solid var(--oouihelper--progressive-transparent); box-shadow: none; } .mw-widget-calendarWidget-item:hover { background-color: var(--oouihelper--textinput-background-lighter); color: var(--theme-text-color-em); } .mw-widget-calendarWidget-item-selected { background-color: var(--oouihelper--textinput-background-darker); color: var(--oouihelper--progressive); } /********* mediawiki.widgets.DateInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less */ .mw-widget-dateInputWidget-calendar { background-color: var(--oouihelper--text-background); box-shadow: none; } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle { color: var(--ooui--textarea-placeholder-color); } .mw-widget-dateInputWidget.oo-ui-flaggedElement-invalid .mw-widget-dateInputWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--ooui--textarea-border-color--hover); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) ~ .mw-widget-dateInputWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); } .mw-widget-dateInputWidget.oo-ui-widget-disabled .mw-widget-dateInputWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.styles.less */ .mw-widget-dateInputWidget-handle { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle { box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--ooui--textarea-border-color--hover); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { outline: 0; border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } /********* mediawiki.widgets.datetime *********/ /********* mediawiki.widgets.datetime/CalendarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.widgets.datetime/CalendarWidget.less */ .mw-widgets-datetime-calendarWidget { background-color: var(--theme-background); border-color: var(--ooui--textarea-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell .oo-ui-buttonElement-button { border-color: var(--oouihelper--borderdark); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button:hover .oo-ui-labelElement-label { color: var(--theme-text-color-em); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button { background-color: var(--oouihelper--textinput-background-darker); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: var(--oouihelper--progressive); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--oouihelper--textinput-background-lighter); color: var(--theme-text-color-em); border-color: var(--oouihelper--borderdark-hover); } .mw-widgets-datetime-calendarWidget:focus .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-focused .oo-ui-buttonElement-button { border-color: var(--oouihelper--borderdark-focus); } /********* mediawiki.widgets.datetime/DateTimeInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.less */ .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget-editField .mw-widgets-datetime-dateTimeInputWidget-invalid { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget-editField .mw-widgets-datetime-dateTimeInputWidget-invalid:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget-empty .mw-widgets-datetime-dateTimeInputWidget-handle { color: var(--ooui--textarea-placeholder-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--ooui--textarea-border-color--hover); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input, .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea { border-color: var(--ooui--textarea-border-color--hover); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--oouihelper--textinput-background-lighter); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:focus { box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .mw-widgets-datetime-dateTimeInputWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .mw-widgets-datetime-dateTimeInputWidget-handle:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-disabled .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); border-color: var(--ooui--textarea-disabled-border-color); text-shadow: none; } /* -------------------------------------------------------------------------------- * ===================================== OOUI ===================================== * -------------------------------------------------------------------------------- * OOUI ([[mw:OOUI]]) is a library that is used by MediaWiki to provide "widgets, * layouts, and windows". This includes various interface elements, like buttons, * text input fields, checkboxes, radio buttons, etc. For instance, the entire * form at the top of [[Special:AllPages]] consists of OOUI elements. See * https://doc.wikimedia.org/oojs-ui/master/demos for a demo of almost everything * OOUI provides. A local adaptation of that demo is at [[Terraria Wiki:OOUI demo]], * where our custom OOUI styling can be tested out with the different themes. * * As with all of our customization of MediaWiki styling, the file structure and * contents are kept as close to the original as possible, for easier maintainability. * For OOUI, it is notable that the rules defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles * usually only concern very basic styling, which we don't need to adjust. Instead, * the more interesting styles with colors, border radii, etc. are defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui * * Only default OOUI styles (those from the links above) are customized here. Some * other parts of MediaWiki like RCFilters ([[mw:RCFilters]]) and especially certain * extensions also affect OOUI, but those styles belong in their respective files. * -------------------------------------------------------------------------------- */ /********* OOUI: MessageDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/MessageDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-title { color: var(--theme-text-color); } .oo-ui-messageDialog-message { color: var(--theme-text-color); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { border-bottom-color: var(--ooui--dialog-border-color--lighter); } /********* OOUI: ProcessDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/ProcessDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-right-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); border-right: var(--ooui--button-border-right--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } /* button hover border fixes */ .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active { border-top: var(--ooui--button-border-top--hover); border-bottom: var(--ooui--button-border-bottom--hover); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right: var(--ooui--button-border-right--hover); border-left: var(--ooui--button-border-left--hover); } /********* OOUI: ButtonElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/ButtonElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--ooui--button-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: unset; color: var(--ooui--button-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { color: var(--ooui--button-disabled-color); } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { border-radius: 4px; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } /********* OOUI: PendingElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/PendingElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--textarea-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--textarea-pending-background-color-2) 50%, var(--ooui--textarea-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: icons *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/IconElement.less */ .oo-ui-iconElement-icon { filter: var(--ooui--icon-normal-filter); } /* the six "icon variants" invert/progressive/destructive/error/warning/success are defined in icons-*.json in this directory: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/ * but the colors are set to the same values in every file: * invert: #fff * progressive: #36c * destructive #d33 * error #d33 * warning #edab00 * success #14866d */ .oo-ui-iconElement-icon.oo-ui-image-invert { filter: var(--ooui--icon-invert-filter); } .oo-ui-iconElement-icon.oo-ui-image-progressive { filter: var(--ooui--icon-progressive-filter); } .oo-ui-iconElement-icon.oo-ui-image-destructive { filter: var(--ooui--icon-destructive-filter); } .oo-ui-iconElement-icon.oo-ui-image-error { filter: var(--ooui--icon-error-filter); } .oo-ui-iconElement-icon.oo-ui-image-warning { filter: var(--ooui--icon-warning-filter); } .oo-ui-iconElement-icon.oo-ui-image-success { filter: var(--ooui--icon-success-filter); } /********* OOUI: indicators *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/indicators.json */ .oo-ui-indicator-clear { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-clear { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-up { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-up { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-down { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-down { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-required { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-required { filter: var(--ooui--indicator-invert-filter); } /********* OOUI: BookletLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/BookletLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { border-top-color: var(--ooui--bookletlayout-border-color); } .oo-ui-bookletLayout > .oo-ui-menuLayout-menu { border-right-color: var(--ooui--bookletlayout-border-color); } /********* OOUI: FieldLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/FieldLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* OOUI: PanelLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/PanelLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-panelLayout-framed { border-color: var(--ooui--panellayout-border-color); } /********* OOUI: ButtonGroupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonGroupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left-color: var(--ooui--button-disabled-border-left); } .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button, .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--button-border-left); } /********* OOUI: ButtonSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } /********* OOUI: CheckboxInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/CheckboxInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-checkboxInputWidget [type=checkbox] + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; filter: none; } .oo-ui-checkboxInputWidget [type=checkbox]:indeterminate + span::before { background-color: var(--ooui--checkbox-border-color); } .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span { background-color: var(--ooui--checkbox-disabled-background-color); border-color: var(--ooui--checkbox-border-color); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:focus + span { border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:hover + span { border-color: var(--ooui--checkbox-border-color--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:active + span { background-color: var(--ooui--checkbox-border-color); border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:focus + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:hover + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color--hover); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:active + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: none; } /********* OOUI: DropdownInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { transition-duration: unset; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: var(--ooui--dropdown-disabled-color); border-color: transparent; } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled:hover { background-color: var(--ooui--dropdown-background-color--hover); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled { background-color: var(--ooui--dropdown-disabled-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled select { border-color: var(--ooui--dropdown-disabled-border-color); } /********* OOUI: DropdownWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownWidget-handle { border-color: var(--ooui--dropdown-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); color: var(--theme-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background-color: var(--ooui--dropdown-background-color--hover); color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active { color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { border-color: var(--ooui--dropdown-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--dropdown-border-color--focus); } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { color: var(--ooui--dropdown-disabled-color); text-shadow: none; border-color: var(--ooui--dropdown-disabled-border-color); background-color: var(--ooui--dropdown-disabled-background-color); } /********* OOUI: LabelWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/LabelWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-labelWidget.oo-ui-inline-help { color: var(--ooui--inlinehelp-color); } /********* OOUI: MenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-link-color); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--theme-text-color); } /********* OOUI: MenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSectionOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSectionOptionWidget { color: var(--ooui--menusectionoption-color); } /********* OOUI: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSelectWidget { background-color: var(--ooui--menuselect-background-color); border-color: var(--ooui--menuselect-border-color); } /********* OOUI: MessageWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MessageWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-error-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-success-color); } /********* OOUI: MultioptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MultioptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-multioptionWidget.oo-ui-widget-disabled { color: var(--ooui--multioption-disabled-color); } /********* OOUI: OptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--ooui--disabled-color); } /********* OOUI: OutlineOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-selected-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed { background-color: var(--ooui--outlineoption-pressed-background-color); color: var(--theme-link-color); } /********* OOUI: OutlineSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineSelectWidget:focus { box-shadow: var(--ooui--outlineselect-box-shadow--focus); } /********* OOUI: PopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/PopupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-popupWidget-popup { background-color: var(--ooui--popup-background-color); border-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before { border-bottom-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after { border-bottom-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before { border-top-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after { border-top-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::before { border-right-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::after { border-right-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::before { border-left-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::after { border-left-color: var(--ooui--popup-background-color); } /********* OOUI: ProgressBarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ProgressBarWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-progressBarWidget { border-color: var(--ooui--progressbar-border-color); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) { background-color: transparent; } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-bar-background-color); } .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-disabled-border-color); } .oo-ui-progressBarWidget.oo-ui-pendingElement-pending { background-color: var(--ooui--progressbar-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--progressbar-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--progressbar-pending-background-color-2) 50%, var(--ooui--progressbar-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: RadioInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/RadioInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-radioInputWidget [type=radio] + span { background-color: transparent; border-color: var(--ooui--radiobutton-border-color); border-width: 3px; } .oo-ui-radioInputWidget [type=radio] + span::before { top: 2.5px; left: 2.5px; right: 2.5px; bottom: 2.5px; } .oo-ui-radioInputWidget [type=radio]:checked + span, .oo-ui-radioInputWidget [type=radio]:checked:hover + span, .oo-ui-radioInputWidget [type=radio]:checked:focus:hover + span { border-width: 3px; } .oo-ui-radioInputWidget [type=radio]:checked + span:before, .oo-ui-radioInputWidget [type=radio]:checked:hover + span:before, .oo-ui-radioInputWidget [type=radio]:checked:focus:hover + span:before { background-color: var(--ooui--radiobutton-border-color); } .oo-ui-radioInputWidget [type=radio]:disabled + span { background-color: var(--ooui--radiobutton-disabled-background-color); border-color: var(--ooui--radiobutton-border-color); } .oo-ui-radioInputWidget [type=radio]:disabled:checked + span { background-color: var(--ooui--radiobutton-disabled-background-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:hover + span { border-color: var(--ooui--radiobutton-border-color--hover); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:active + span { background-color: var(--ooui--radiobutton-border-color); border-color: var(--ooui--radiobutton-border-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span { border-color: var(--ooui--radiobutton-border-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:focus + span { box-shadow: inset 0 0 0 1px var(--ooui--radiobutton-box-shadow--focus); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:focus + span::before { border-color: transparent; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:hover + span { border-color: var(--ooui--radiobutton-border-color--hover); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:active + span { border-color: var(--ooui--radiobutton-border-color); box-shadow: inset 0 0 0 1px var(--ooui--radiobutton-box-shadow--focus); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:active + span::before { border-color: transparent; } /********* OOUI: RadioSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/RadioSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-radioSelectWidget:focus [type=radio]:checked + span::before { border-color: transparent; } /********* OOUI: SelectFileWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/SelectFileWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-selectFileWidget-dropTarget { background-color: var(--ooui--selectfile-background-color); border: 1px solid var(--ooui--selectfile-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--ooui--selectfile-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--ooui--selectfile-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--ooui--selectfile-candrop-background-color); color: var(--theme-link-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--ooui--textarea-disabled-background-color); border-color: var(--ooui--selectfile-border-color); } /********* OOUI: TabOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabOptionWidget { color: var(--ooui--taboption-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tabselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--theme-text-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-box-shadow-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--ooui--tabselect-frameless-highlighted-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-highlighted-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-color); } .oo-ui-tabSelectWidget-frameless.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { box-shadow: inset 0 0 0 2px var(--ooui--tabselect-frameless-selected-box-shadow-color); } /********* OOUI: TabSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabSelectWidget-framed { background-color: var(--ooui--tabselect-background-color); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--ooui--tabselect-frameless-box-shadow-color); } /********* OOUI: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagItemWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagItemWidget { border-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled { color: var(--theme-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tagitem-background-color); color: var(--ooui--tagitem-color--hover); border-color: var(--ooui--tagitem-border-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--tagitem-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-border-color--focus); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus { border-color: var(--ooui--tagitem-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus { border: 0; box-shadow: none; } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active { background-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--ooui--tagitem-disabled-background-color); color: var(--ooui--tagitem-disabled-color); border-color: var(--ooui--tagitem-disabled-border-color); text-shadow: none; } /********* OOUI: TagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagMultiselectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagMultiselectWidget-handle { border: 1px solid var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color: var(--theme-text-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: var(--ooui--textarea-readonly-background-color); background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /********* OOUI: TextInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TextInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .oo-ui-textInputWidget .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); } .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); } @media screen and (min-width: 0) { .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-invalid-border-color); } } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); text-shadow: none; } /********* OOUI: ToggleButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleButtonWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: transparent; color: var(--ooui--button-frameless-on-color); } /********* OOUI: ToggleSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleSwitchWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less#1951 */ .oo-ui-toggleSwitchWidget { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-box-shadow--focus); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--ooui--toggleswitch-border-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--ooui--toggleswitch-border-color--hover); border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--ooui--toggleswitch-disabled-background-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-disabled-grip-color); } /********* OOUI: WindowManager *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/WindowManager.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-windowManager-modal { position: fixed; top: var(--wikigg-header-height); bottom: 0; left: 0; right: 0; z-index: 101; pointer-events: none; } .oo-ui-windowManager-modal > .oo-ui-dialog { position: absolute; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame { background-color: var(--ooui--window-background-color); } .oo-ui-windowManager-modal > * { pointer-events: auto; } .oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame { border-color: var(--ooui--window-border-color); } /* fix scrolling */ body.oo-ui-windowManager-modal-active { overflow: unset; } /* -------------------------------------------------------------------------------- */ /********* RCFilters *********/ /* Filtering interface at the top of [[Special:RecentChanges]], [[Special:Watchlist]], and [[Special:RelatedChanges]]. * For documentation of the project, see https://www.mediawiki.org/wiki/Edit_Review_Improvements/New_filters_for_edit_review */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less */ .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--ooui--dialog-border-color--lighter); } .client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner:before, .client-js .mw-rcfilters-spinner:after { background-color: var(--ooui--checkbox-border-color); } /********* RCFilters: ChangesListWrapperWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less */ .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--oouihelper--disabled); } .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)) { background-color: var(--oouihelper--themerelated-disabled); } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-blue-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-green-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-yellow-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-orange-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-red-background-color); } /* the mixing of two and more colors is impossible with CSS variables, unless of course each mixed color is hardcoded */ /********* RCFilters: DatePopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.DatePopupWidget.less */ .mw-rcfilters-ui-datePopupWidget { border-top-color: var(--ooui--textarea-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: var(--theme-text-color-note); } /********* RCFilters: FilterItemHighlightButton *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less */ .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle { /* override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements, which prevents this circle's color from being displayed properly */ filter: none; } /********* RCFilters: FilterMenuHeaderWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuHeaderWidget.less */ .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--theme-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { border-bottom-color: var(--ooui--textarea-border-color); background-color: var(--ooui--textarea-readonly-background-color); } /********* RCFilters: FilterMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less */ .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: transparent; } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--ooui--dropdown-disabled-color); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } /********* RCFilters: FilterMenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less */ .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--ooui--dropdown-disabled-background-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* RCFilters: FilterTagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less */ .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-collapsed .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget { border-bottom-color: var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emphasize.oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-background-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--theme-text-color-note); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--theme-text-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--theme-text-color-note); } /********* RCFilters: FilterTagMultiselectWidgetMobile *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidgetMobile.less */ .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly] { background-color: var(--ooui--textarea-readonly-background-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::placeholder { color: var(--ooui--textarea-placeholder-color); } /********* RCFilters: HighlightColorPickerWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less */ .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color .oo-ui-iconElement-icon.oo-ui-icon-check { /* Override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements. This is not necessary here because the six circles have the same color in all * themes, so this checkmark needs to be the same in all themes as well. */ filter: none; } /********* RCFilters: ItemMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less */ .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-width: 3px; border-top-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--theme-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--theme-text-color-note); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel { color: var(--theme-text-color-note); } /********* RCFilters: LiveUpdateButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less */ .mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on:after { background: rgba(var(--theme-link-color--rgb), 0.5); } /********* RCFilters: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less */ .mw-rcfilters-ui-menuSelectWidget-noresults { color: var(--theme-text-color-note); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--ooui--textarea-readonly-background-color); border-top-color: var(--ooui--textarea-border-color); } /********* RCFilters: SavedLinksListItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SavedLinksListItemWidget.less */ .mw-rcfilters-ui-savedLinksListItemWidget:hover { /* Mimicking OOUI optionWidget styles */ background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--theme-link-color); } /********* RCFilters: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less */ .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-disabled-background-color); border-color: var(--ooui--tagitem-disabled-border-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--ooui--tagitem-disabled-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); border-color: var(--ooui--tagitem-border-color--focus); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--theme-text-color-note); } /********* RCFilters: ViewSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ViewSwitchWidget.less */ .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--theme-text-color); } /********* RCFilters: WatchlistTopSectionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less */ .mw-rcfilters-ui-watchlistTopSectionWidget-separator { border-top-color: var(--ooui--textarea-border-color); } /* -------------------------------------------------------------------------------- * ==================================== Codex ===================================== * -------------------------------------------------------------------------------- * Codex ([[mw:Codex]]) appears to be a replacement for OOUI (see system/OOUI.scss). * * Codex version 1.0.0 was added as part of the MediaWiki 1.41 update. * Head to [[Special:Version]] to find out which version of Codex is currently * installed. * -------------------------------------------------------------------------------- */ /********* Codex: Button *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/button/Button.vue#105 */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } @supports (mask-image: none) { .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--ooui--button-color--hover); } } .cdx-button:enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-destructive-color--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background: unset; border: 0; box-shadow: unset; } .cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { background: unset; color: var(--ooui--button-color--hover); } .cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active { background: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active) { box-shadow: var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color: unset; color: var(--ooui--button-progressive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover { background-color: unset; color: var(--ooui--button-destructive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:disabled, .cdx-button.cdx-button--fake-button--disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } @supports (mask-image: none) { .cdx-button:disabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } .cdx-button:disabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet { color: var(--ooui--button-disabled-color); } @supports (mask-image: none) { .cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } /********* Codex: TextInput *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/text-input/TextInput.vue#323 */ .cdx-text-input__input:enabled { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .cdx-text-input__input:enabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input__input:enabled:hover { border-color: var(--ooui--textarea-border-color--hover); } .cdx-text-input__input:enabled:focus ~ .cdx-text-input__icon-vue, .cdx-text-input__input:enabled.cdx-text-input__input--has-value ~ .cdx-text-input__icon-vue { color: var(--theme-text-color); } .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .cdx-text-input__input:enabled:read-only { background-color: var(--ooui--textarea-readonly-background-color); } .cdx-text-input__input:disabled { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); border-color: var(--ooui--textarea-disabled-border-color); } .cdx-text-input__input:disabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-disabled-color); } .cdx-text-input__input::placeholder { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled { border-color: var(--ooui--textarea-invalid-border-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); } /* -------------------------------------------------------------------------------- */ /********* Pages with content model "JSON" *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.content.json.less */ .mw-json th, .mw-json td { border-color: var(--theme-box-border-color); } .mw-json tr { background-color: transparent; } .mw-json th { background-color: var(--theme-box-background); } .mw-json-value, .mw-json-single-value { background-color: var(--theme-highlight-background); } @media screen { html.skin-theme-clientpref-night .mw-json-value, html.skin-theme-clientpref-night .mw-json-single-value { background-color: var(--theme-highlight-background); } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-json-value, html.skin-theme-clientpref-os .mw-json-single-value { background-color: var(--theme-highlight-background); } } .mw-json-single-value { background-color: var(--theme-highlight-background); } .mw-json-empty { background-color: var(--theme-box-background); } /********* api.php *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.apipretty/apihelp.css */ .apihelp-flags { border-color: var(--oouihelper--borderdark); } .apihelp-deprecated, .apihelp-internal, .apihelp-flag-deprecated, .apihelp-flag-internal strong { color: var(--theme-text-color-red); } .apihelp-unknown { color: var(--theme-text-color-note); } .apihelp-empty { color: var(--theme-text-color-note); } /* overwriting styles from the "apioutput" skin (can't find the base stylesheet) */ .skin-apioutput .mw-body { background: var(--theme-background); color: var(--theme-text-color); margin: 20px; padding: 10px; } /* Fix empty parameter descriptions having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } /* Theme color for h3 headings */ .apihelp-header { color: var(--theme-heading-color); } /********* ?action=history *********/ /* History pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#21 */ #pagehistory li.selected { background-color: transparent; color: inherit; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#47 */ .updatedmarker { background-color: var(--oouihelper--yellow); } /********* changeslist *********/ /* Special:Watchlist, Special:RecentChanges, etc. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.changeslist/default.less#18 */ /* Colored byte size change numbers */ .mw-plusminus-pos { color: var(--theme-text-color-green); } .mw-plusminus-neg { color: var(--theme-text-color-red); } .mw-plusminus-null { color: var(--theme-text-color-note); } /* Colors in the "Legend" box for the non-JavaScript version of Special:RecentChanges * (and to prevent a color flash for the JavaScript version) */ .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } /********* redirect *********/ /* Arrow on redirect pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.less#18 */ /* In the default style, the icon is the background of the <li> element. * We want to apply a filter to the image only (not the text), so we have to * move the image to a new pseudo-element. */ .redirectText li { /* moving the background-image from the <li> element... */ background: none; padding-left: 0; padding-right: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; padding-inline-start: 0; padding-inline-end: 0; } .redirectText li:before { /* ... to a new pseudo-element */ content: ""; padding-left: 47px; filter: var(--ooui--icon-normal-filter); /* theme-dependent color of the icon */ } .mw-content-ltr .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-ltr.svg); } .mw-content-rtl .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-rtl.svg); } @media screen { html.skin-theme-clientpref-night .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-night .redirectText li > a { filter: none; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-os .redirectText li > a { filter: none; } } /********* File: namespace *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#116 */ #filetoc { border-color: var(--theme-box-border-color); background-color: var(--theme-highlight-background); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#142 */ .mw_metadata td, .mw_metadata th { border-color: var(--theme-box-border-color); /* overwrite our "table th, table td" rule and restore MediaWiki default */ padding-top: 0; padding-bottom: 0; } .mw_metadata th { background-color: var(--theme-box-background); } .mw_metadata td { background-color: var(--theme-highlight-background); } /* space between the "Open in MediaViewer" button and page content * (needs the ".fullMedia +" because "#mw-imagepage-content" is different on file * page revision diffs) */ .fullMedia + #mw-imagepage-content { margin-top: 1em; } /********* helpers *********/ /* Helper classes used across special pages and actions */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#12 */ .unpatrolled { color: var(--ooui--messagewidget-error-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#52 */ /* The auto-generated edit comments */ .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#59 */ /* rev_deleted stuff */ li span.deleted, span.history-deleted { color: var(--ooui--messagewidget-error-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#81 */ /* "| contribs |" links for users with no edits, e.g. on Special:AbuseLog/x */ .mw-usertoollinks-contribs-no-edits, .mw-usertoollinks-contribs-no-edits:visited { color: var(--theme-link-color-redlink); } /********* ?action=edit *********/ /* Styles for elements of the editing form */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#37 */ .mw-editform #wpTextbox1 { font-size: var(--font-size-s); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#101 */ .editOptions { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); border-color: var(--ooui--messagewidget-notice-border-color); } /********* HTMLForm *********/ /* base styles are here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.styles/styles.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.ooui.styles.less#28 */ .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { background-color: var(--oouihelper--textinput-background-lighter); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--oouihelper--textinput-background); } /********* [[Special:AllMessages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/special.less#15 */ #mw-allmessagestable tbody:hover td { background-color: var(--oouihelper--textinput-background-lighter); } #mw-allmessagestable .am_default { background-color: var(--oouihelper--yellow-darker); } #mw-allmessagestable tbody:hover .am_default { background-color: var(--oouihelper--yellow); } #mw-allmessagestable .am_actual { background-color: var(--oouihelper--green-darker); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--oouihelper--green); } /********* [[Special:NewPages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/newpages.less#13 */ .not-patrolled { background-color: var(--oouihelper--yellow); } /********* [[Special:Search]] *********/ /* Search result page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.search.styles.less */ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-result-data { color: var(--theme-text-color-note); } .mw-search-profile-tabs { background: none; border: 0; margin: 1em 0; } .search-types { width: 100%; float: none; padding: 0; } .search-types li { float: none; display: inline-block; vertical-align: middle; } .search-types .current a { color: var(--theme-text-color); } .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .search-types + div { display: none; } .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } #mw-search-top-table { display: flex; align-items: center; } #mw-searchoptions { background: var(--theme-box-background); padding: 1em; border: 1px solid var(--theme-box-border-color); border-radius: 4px; } #mw-searchoptions .divider { border-color: var(--theme-box-border-color); } /* responsive tweak */ @media screen and (max-width: 600px) { #mw-search-top-table { display: block; } .results-info { margin-top: 1em; } .search-types ul li { font-size: 12px; } } /********* [[Special:ApiSandbox]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.apisandbox/apisandbox.less#4 */ /* Fix background color of the bar at the top which contains the "Make request" and "Clear" buttons on the right */ .mw-apisandbox-toolbar { background-color: var(--ooui--tabselect-background-color); } /********* [[Special:Diff]] *********/ /* Diff rendering */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.diff.styles/diff.less */ /* Add diff accent to make even smaller changes visible */ .diffchange-inline { border: 1px #fe603f dashed; } /* More noticeable diff coloring */ .diff td.diff-context { background: none repeat scroll 0 0 transparent; color: var(--theme-text-color); border-color: rgba(var(--theme-border-color--rgb), 0.5); } .diff td.diff-deletedline { background-color: #ffe49c; border-color: #ffe49c; color: #000; } .diff td.diff-deletedline .diffchange { background-color: #feeec8; color: #000; } .diff td.diff-addedline { background-color: #a3d3ff; border-color: #a3d3ff; color: #000; } .diff td.diff-addedline .diffchange { background-color: #d8ecff; color: #000; } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins { color: #000; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del { color: #000; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { /* theme-dependent color of the arrow that indicates a line was moved */ color: var(--theme-text-color); } /********* Special:CreateAccount *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.userlogin.signup.styles/signup.less */ /* Theme-dependent color of the icons (this also affects the text) */ .mw-createacct-benefits-list > div { filter: var(--ooui--icon-normal-filter); } /********* [[Special:Upload]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/upload.css */ /* Warning box that appears sometimes when uploading a file */ .mw-destfile-warning { border-color: var(--ooui--messagewidget-warning-border-color); color: var(--theme-text-color); background-color: var(--ooui--messagewidget-warning-background-color); } #mw-htmlform-description input { /* The carets in the "File description" fields use the current theme's * text color, which is in most themes hard to read on the hard-coded * white background */ caret-color: unset; } /********* [[Special:Preferences]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.preferences.styles.ooui.less */ .mw-email-not-authenticated .oo-ui-labelWidget, .mw-email-none .oo-ui-labelWidget { color: unset; } .mw-email-not-authenticated .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .mw-email-none .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } #preferences .mw-htmlform-submit-buttons { background-color: var(--theme-background); border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--ooui--textarea-readonly-background-color); } .mw-prefs-search-highlight { background-color: var(--theme-text-background-color-highlight) !important; outline-color: var(--theme-text-background-color-highlight) !important; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border-color: var(--ooui--panellayout-border-color); } .client-nojs .mw-prefs-tabs .mw-prefs-section-fieldset > .oo-ui-fieldsetLayout-group { border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { background-color: var(--theme-text-background-color-highlight); outline-color: var(--theme-text-background-color-highlight); } /* overwriting a rule from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/tags/v0.51.2/src/themes/wikimediaui/layouts.less#65 * the max-width set there unnecessarily limits the gadget descriptions, so we reset it */ #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /*********************************************************************************************************** * CSS for certain MediaWiki extensions ***********************************************************************************************************/ /********* Extension:TabberNeue *********/ .infobox .tabber__header:not(.tabber__header--next-visible, .tabber__header--prev-visible) { display: flex; justify-content: center; } /* overwriting styles from here: * https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue/blob/main/modules/ext.tabberNeue.legacy/ext.tabberNeue.legacy.less */ .tabber__header { margin-bottom: 4px; box-shadow: inset 0 -1px 0 0 var(--oouihelper--themerelated-lighter-transparent); } .tabber__header__prev:after { left: 2px; } .tabber__header__next:after { right: 2px; } .tabber__header__prev:after, .tabber__header__next:after { filter: var(--ooui--icon-normal-filter); } .tabber__indicator { background-color: var(--theme-link-color); } .tabber__tab { padding-top: 2px; color: var(--theme-text-color); } .tabber__tab:visited { color: var(--theme-text-color); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-link-color); } /********* Extension:Cargo *********/ /* Removes redundant Cargo extension "Purge cache" link */ div.menu li#ca-cargo-purge { display: none; } /* Maximum image size for NPC images storing in Cargo table */ .npcimg img { height: auto; width: auto; max-height: 100px; max-width: 100px; } /* (max-width: 549px) */ div#header { background: none; border: 0; padding-top: 0; border-bottom-color: var(--theme-box-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/Cargo.css */ span.cargoFieldName { color: var(--theme-text-color-note); } /* Table row "zebra striping" ([[Special:CargoQuery]]) */ table.cargoTable.noMerge tr:nth-child(odd) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(even) { background: none; } table.cargoTable.mergeSimilarCells td.odd { background: rgba(0, 0, 0, 0.25); } table.cargoTable.mergeSimilarCells td.even { background: none; } div.cargoReplacementTableInfo { background-color: rgba(255, 255, 255, 0.2); } /* The query table at the bottom of [[Special:CargoQuery]] */ div.specialCargoQuery-extraPane { background: var(--oouihelper--text-background); border-color: var(--oouihelper--borderdark); } /********* Extension:Cargo ([[Special:Drilldown]]) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/drilldown/resources/CargoDrilldown.css */ div#drilldown-tables-tabs-wrapper { border: 0; background: var(--theme-background); } div#drilldown-tables-tabs-wrapper.open { z-index: 1000; padding-top: 50px; border-right: 1px solid var(--theme-box-border-color); } div#drilldown-tables-tabs-wrapper.open li { border: 0; background: none; border-top: 1px solid var(--theme-box-border-color); } div#drilldown-tables-tabs-wrapper.open li:last-child { border-bottom: 0; } div#drilldown-tables-tabs-wrapper.open li.selected { background: var(--theme-highlight-background); } div#drilldown-tables-tabs-wrapper.open li.selected:after { display: none; } .drilldown-tabs { background: none; border-bottom: 1px solid var(--theme-box-border-color); } .drilldown-tabs li { background: var(--theme-box-background); border: 1px solid var(--theme-box-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius) var(--theme-box-border-radius) 0 0; margin-right: var(--layout-gap); } .drilldown-tabs li a { color: var(--theme-text-color); } .drilldown-tabs li.selected { margin-left: 0; position: relative; background: none; } .drilldown-tabs li.selected::after { content: ""; display: block; pointer-events: none; background: var(--theme-background); width: 100%; height: 2px; position: absolute; bottom: -1px; left: 0; } .drilldown-tabs li.selected a { background: none; color: var(--theme-text-color); } div.drilldown-filters-wrapper { background: none; border: 1px solid var(--theme-box-border-color); color: var(--theme-text-color); padding: var(--layout-box-padding); } div.drilldown-filter-values a { color: unset; } #drilldown-header img, div.drilldown-filters-wrapper img { filter: invert(1); } /********* Extension:Cargo (?action=pagevalues) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/CargoPageValues.css */ /* Adjustments for the table headers */ .cargo-pagevalues-tableinfo { background-color: var(--oouihelper--text-background); top: var(--wikigg-header-height); /* wiki.gg header offset */ } /********* Extension:Cargo ([[Special:CargoTableDiagram]]) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/ext.cargo.dagre.css */ div.cargo-table-diagram { /* text color fix */ fill: var(--theme-text-color); } /********* Extension:InputBox *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/InputBox/+/refs/heads/REL1_43/resources/ext.inputBox.styles.less */ /* Hide text input box for just a button */ .notextbox form > .mw-ui-input { display: none; } /********* Extension:MultimediaViewer *********/ /* Reset link color to default (from Vector skin) */ /* (this entire thing could be styled to fit the currently active theme, but as * long as it uses default Vector styling, the links should too, in order to be readable) */ .mw-mmv-main a { color: #0645ad; } /* same for text color in attribution warning */ .mw-mmv-dialog .mw-mmv-dialog-warning { color: #202122; } /* offset for wiki.gg topbar */ .mw-mmv-overlay, .mw-mmv-wrapper, .mw-mmv-image-wrapper { top: var(--wikigg-header-height); } .mw-mmv-options-button, .mw-mmv-close, .mw-mmv-fullscreen { /* buttons on top right */ margin-top: calc(14px + var(--wikigg-header-height)); /* 14px is the original value */ } .mw-mmv-next-image, .mw-mmv-prev-image { /* "<" and ">" buttons. */ margin-top: var(--wikigg-header-height); } /********* Extension:CiteThisPage *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/CiteThisPage/+/refs/heads/REL1_43/modules/ext.citeThisPage.css */ .mw-specialCiteThisPage-bibliographic { background-color: var(--theme-page-background-color--secondary); } /********* Extension:Scribunto *********/ /* Styles for the "debug console" at the bottom of the editing screen on "Module:" pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Scribunto/+/refs/heads/REL1_41/modules/ext.scribunto.edit.css * (for whatever reason the MediaWiki 1.41 version (.../REL1_41/...) is still loaded, even though we're on MediaWiki 1.43) */ .mw-scribunto-console-fieldset { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); } #mw-scribunto-input { background-color: var(--ooui--textarea-background-color); } .mw-scribunto-input { color: var(--theme-text-color-highlight); } .mw-scribunto-normalOutput { color: var(--theme-text-color); background: transparent; } .mw-scribunto-print { color: var(--oouihelper--yellow); background: transparent; } .mw-scribunto-error { color: var(--ooui--messagewidget-error-color); background: transparent; } .mw-scribunto-message { color: var(--theme-text-color-em); background: transparent; } /********* Extension:SyntaxHighlight *********/ /* (formerly known as "SyntaxHighlight_GeSHi") */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/SyntaxHighlight_GeSHi/+/refs/heads/master/modules/pygments.wrapper.less */ .mw-highlight { background: inherit; } .mw-highlight pre { margin-top: 1em; background: #282828 !important; color: #fff !important; overflow: auto; /* scroll if needed */ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/SyntaxHighlight_GeSHi/+/refs/heads/master/modules/pygments.generated.css */ .mw-highlight, .kw1 { color: #FFFFFF; font-weight: bold; } .mw-highlight .nf { color: aqua; } /* Operators */ .mw-highlight .p, .mw-highlight .o { color: #fff; font-weight: bold; } /* Comments */ .mw-highlight .c { color: #8d9e6b; font-weight: bold; } /* HTML Tags */ .mw-highlight .nt { color: #bfe431; } /* IDs */ .mw-highlight .nn { color: #a8a8ff; } /* Classes */ .mw-highlight .nc { color: #7676ff; } /* Pseudo-classes */ .mw-highlight .nd { color: #cf82ff; } /* Properties */ .mw-highlight .k, .mw-highlight .kp { color: #fff; font-weight: normal; } /* Keywords */ .mw-highlight .nb { color: #ff5858; } /* Text values, strings */ .mw-highlight .kc, .mw-highlight .s1, .mw-highlight .s2, .mw-highlight .sx, .mw-highlight .n { color: #00c6d2; } /* Numeric values */ .mw-highlight .mi, .mw-highlight .mf { color: #60feff; font-weight: bold; } /* Units */ .mw-highlight .kt { color: #ff3f85; font-weight: bold; } /* #Color values */ .mw-highlight .mh { color: #b2d241; } /* !important */ .mw-highlight .cp { color: #F37F20; } /* JS generic */ .mw-highlight .nx { color: #a8a8ff; } .mw-highlight .nv { color: #fff; } /* Highlighted lines */ .mw-highlight .hll { background-color: #50503e; } /* Highlight fields inside code class (e.g. Template:Code) */ code.mw-highlight { background: var(--theme-page-background-color); color: var(--theme-text-color); } /********* Extension:EmbedVideo *********/ /* overwriting styles from here: * https://github.com/StarCitizenWiki/mediawiki-extensions-EmbedVideo/blob/master/resources/ext.embedVideo.styles.less */ .embedvideo-consent { /* Theme-dependent background color for when the image hasn't loaded yet */ background: var(--theme-background-accent); } .embedvideo-thumbnail-workaround .embedvideo, .thumb.embedvideo .embedvideo { /* Fix missing thumbnail styling */ background-color: var(--theme-box-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 3px; text-align: center; overflow: hidden; } /********* Extension:Interwiki *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Interwiki/+/refs/heads/REL1_43/modules/interwiki.less#26 */ /* "Forward" column on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background-color: var(--theme-page-background-color--secondary); } /********* Extension:TemplateData *********/ /* Small default and example values to separate them from the parameter description */ .ve-ui-mwParameterPage-description-default, .ve-ui-mwParameterPage-description-example { font-size: small; } /********* Extension:Cite *********/ /* Here are only rules that are necessary for overwriting styles from the extension's base styling. * See template/reflist.scss for custom reference styling. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cite/+/refs/heads/REL1_43/modules/ext.cite.styles.less#70 */ ol.references li:target, sup.reference:target { background-color: var(--theme-page-background-color); } /********* Extension:CodeEditor *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/CodeEditor/+/refs/heads/master/modules/jquery.codeEditor.less */ /* Unify text color in status bar */ /* (the "status-message" and "status-line" divs use the current theme's text * color, which might be hard to read on the hard-coded white background */ .codeEditor-status { color: rgb(114, 119, 125); /* same color as div.ace_gutter-cell */ } /* The placeholder text in the search/replace field uses the standard * var(--theme-text-color-placeholder), which is in most themes hard to read on * the white background */ .ace_editor .ace_search_field::placeholder { color: unset; } /* The caret in the search/replace field uses the current theme's text color, * which is in most themes hard to read on the hard-coded white background */ .ace_editor .ace_search_field { caret-color: unset; } /********* Extension:WikiEditor *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/jquery.wikiEditor.less */ .wikiEditor-ui .wikiEditor-ui-view { border-color: var(--ooui--textarea-border-color); } .wikiEditor-ui .wikiEditor-ui-top { border-color: var(--ooui--textarea-border-color); } /********* Extension:WikiEditor toolbar *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/jquery.wikiEditor.toolbar.less */ .wikiEditor-ui-toolbar .sections .section { border-top-color: var(--ooui--textarea-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a { color: var(--theme-link-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before { filter: var(--ooui--icon-normal-filter); } .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: var(--theme-text-color); } .wikiEditor-ui-toolbar .section-secondary .group { border-left-color: var(--ooui--textarea-border-color); } .wikiEditor-ui-toolbar .group { border-right-color: var(--ooui--textarea-border-color); } .wikiEditor-ui-toolbar .group .label { color: var(--ooui--textarea-placeholder-color); } .wikiEditor-ui-toolbar .group .tool-select .label { color: var(--theme-text-color); } .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--ooui--icon-normal-filter); } .wikiEditor-ui-toolbar .group .tool-select .options { border-color: var(--ooui--menuselect-border-color); background-color: var(--ooui--menuselect-background-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--theme-text-color); } .wikiEditor-ui-toolbar .section-help .page-table th { color: var(--ooui--disabled-color); } .wikiEditor-ui-toolbar .section-help .page-table td { color: var(--theme-text-color); border-top-color: var(--ooui--menuselect-border-color); } .wikiEditor-ui-toolbar .page-characters div span { border-color: var(--ooui--tagitem-border-color); color: var(--theme-text-color); height: unset; } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: var(--ooui--menuselect-highlighted-background-color); border-color: var(--ooui--tagitem-border-color--hover); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/jquery.wikiEditor.toolbar-wikimedia.less */ .wikiEditor-ui-toolbar { background-color: var(--theme-background); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--ooui--menuselect-border-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .wikiEditor-ui-toolbar .booklet > .index > :hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .wikiEditor-ui-toolbar .booklet > .index > .current { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-link-color); } .tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } /********* Extension:WikiEditor dialogs *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/jquery.wikiEditor.dialogs.less */ /* The dialog uses default styling and looks the same in all themes. The cursor * does use the theme-dependent color though, which causes it to be hard to see * in some themes. Resetting it here to the default black to be the same in all * themes. */ .wikiEditor-toolbar-dialog .ui-dialog-content input[type=text] { caret-color: #000; } /********* Extension:WikiEditor RealtimePreview: ErrorLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/ErrorLayout.less */ .ext-WikiEditor-realtimepreview-ErrorLayout { background-color: var(--theme-background-accent); } /********* Extension:WikiEditor RealtimePreview: ManualWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/ManualWidget.less */ .ext-WikiEditor-ManualWidget { background-color: var(--theme-background-accent); border-color: var(--oouihelper--borderdark); } .ext-WikiEditor-ManualWidget .ext-WikiEditor-realtimepreview-manual-reload { color: var(--theme-link-color); } .ext-WikiEditor-ManualWidget.oo-ui-widget-disabled .ext-WikiEditor-realtimepreview-manual-reload { color: var(--oouihelper--disabled); } /********* Extension:WikiEditor RealtimePreview *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/RealtimePreview.less */ .ext-WikiEditor-realtimepreview-button:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--theme-link-color); } .ext-WikiEditor-realtimepreview-preview { /* increase the default padding a bit */ padding: 1em; } .ext-WikiEditor-ResizingDragBar-ns { border-top-color: var(--oouihelper--borderdark); } .ext-WikiEditor-realtimepreview-loadingbar div { background-color: var(--oouihelper--progressive); } /********* Extension:WikiEditor RealtimePreview: ResizingDragBar *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/ResizingDragBar.less */ .ext-WikiEditor-ResizingDragBar { background-color: var(--theme-background-accent); } .ext-WikiEditor-ResizingDragBar-ew { background-color: var(--theme-background-accent); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--oouihelper--themerelated); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--oouihelper--themerelated-lighter); } /********* Extension:WikiEditor RealtimePreview: TwoPaneLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/TwoPaneLayout.less */ .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1 { border-color: var(--oouihelper--borderdark); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--oouihelper--borderdark); } /********* Extension:ReplaceText *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/ReplaceText/+/refs/heads/REL1_43/resources/ext.ReplaceTextStyles.less */ /* [[Special:ReplaceText]] */ .ext-replacetext-searchoptions { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); } .ext-replacetext-searchoptions:first-of-type { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ext-replacetext-searchoptions:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom-color: var(--theme-border-color); } /********* Extension:AbuseFilter *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/AbuseFilter/+/refs/heads/REL1_43/modules/ext.abuseFilter.less */ /* [[Special:AbuseLog/x]] */ table.mw-abuselog-details { background: var(--oouihelper--textinput-background); border-color: var(--oouihelper--borderdark); } table.mw-abuselog-details th, table.mw-abuselog-details td { border-color: var(--oouihelper--borderdark); } table.mw-abuselog-details th { background: var(--oouihelper--textinput-background-darker); } /* [[Special:AbuseFilter]] */ body td.mw-abusefilter-history-changed { background: var(--oouihelper--themerelated-darkest); } #mw-abusefilter-warn-preview, #mw-abusefilter-disallow-preview { border-color: var(--oouihelper--borderdark-lighter); } tr.mw-abusefilter-list-disabled, tr.mw-abusefilter-list-disabled td { color: var(--oouihelper--disabled); } tr.mw-abusefilter-list-deleted, tr.mw-abusefilter-list-deleted td { color: var(--oouihelper--disabled); } tr.mw-abusefilter-list-throttled, tr.mw-abusefilter-list-throttled td { color: var(--oouihelper--red); } div.mw-abusefilter-editor { border-color: var(--oouihelper--borderdark); } .mw-abusefilter-tools-error { color: var(--oouihelper--red); } /********* Extension:Echo *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/REL1_41/skinStyles/vector/ext.echo.styles.badge.less */ .skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge, .skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge { top: 0; /* offset fix */ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.ConfirmationPopupWidget.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.CrossWikiNotificationItemWidget.less */ .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { background-color: var(--ooui--textarea-readonly-background-color); } .mw-echo-ui-crossWikiNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title, .mw-echo-ui-bundleNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.CrossWikiUnreadFilterWidget.less */ .mw-echo-ui-crossWikiUnreadFilterWidget { border-color: var(--ooui--messagewidget-notice-border-color); } .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.DatedSubGroupListWidget.less */ .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.FooterNoticeWidget.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.MenuItemWidget.less */ .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: var(--theme-text-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.NotificationBadgeWidget.less */ .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head { border-bottom-color: var(--ooui--popup-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget:focus { box-shadow: var(--ooui--button-progressive-box-shadow--focus); border-color: var(--ooui--popup-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer { border-top-color: var(--ooui--popup-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { border-left-color: var(--ooui--popup-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus { box-shadow: unset; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.NotificationItemWidget.less */ .mw-echo-ui-notificationItemWidget { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--menuselect-border-color); } .mw-echo-ui-notificationItemWidget:hover { background-color: var(--ooui--messagewidget-notice-background-color); } .mw-echo-ui-notificationItemWidget:focus { background-color: var(--ooui--menuselect-selected-background-color); box-shadow: var(--ooui--button-progressive-box-shadow--focus); outline: 0; } .mw-echo-ui-notificationItemWidget:last-child { border-bottom-color: var(--ooui--menuselect-border-color); } .mw-echo-ui-notificationItemWidget-unread { background-color: var(--ooui--menuselect-selected-background-color); } .mw-echo-ui-notificationItemWidget-unread:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-echo-ui-notificationItemWidget-content-message-header { color: var(--theme-text-color-em); } .mw-echo-ui-notificationItemWidget-content-message-body { color: var(--theme-text-color); } .mw-echo-ui-notificationItemWidget-content-actions-timestamp { color: var(--theme-text-color-em); } @keyframes unseen-fadeout-to-unread { from { background-color: var(--oouihelper--progressive-transparent); } to { background-color: var(--ooui--menuselect-selected-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color: var(--oouihelper--progressive-transparent); } to { background-color: var(--ooui--messagewidget-notice-background-color); } } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.NotificationsInboxWidget.less */ .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background-color: var(--ooui--messagewidget-notice-background-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.PageNotificationsOptionWidget.less */ .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-text-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-link-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-selected-background-color); color: var(--theme-link-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-pressed-background-color); color: var(--theme-link-color); } .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color-note); } .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color: transparent; color: var(--theme-link-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.PlaceholderItemWidget.less */ .mw-echo-ui-placeholderItemWidget { background-color: var(--ooui--messagewidget-notice-background-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less */ .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color: var(--oouihelper--progressive); } .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { /* keep the default (white) */ background-color: #eaecf0; } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color: var(--oouihelper--progressive-lighter); } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { /* keep the default (gray) */ background-color: #c8ccd1; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/nojs/mw.echo.notifications.less */ /* for the Special:Notifications page in no-JavaScript mode */ .mw-echo-state .mw-echo-notification { color: var(--theme-text-color); } .mw-echo-state .mw-echo-notifications { background-color: transparent; } .mw-echo-state .mw-echo-content .mw-echo-title { color: var(--theme-text-color-em); } .mw-echo-state .mw-echo-content .mw-echo-payload { color: var(--theme-text-color); } .mw-echo-state .mw-echo-content .mw-echo-notification-footer { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/nojs/mw.echo.special.less */ .mw-echo-date-section { border-bottom-color: var(--oouihelper--borderdark); color: var(--theme-text-color-note); } .mw-echo-special-navbar-bottom { border-top-color: var(--oouihelper--borderdark); } .mw-echo-special-notifications .mw-echo-notification { background-color: transparent; } .mw-echo-special-notifications .mw-echo-notification:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-echo-special-notifications .mw-echo-notification-unread { background-color: var(--ooui--menuselect-selected-background-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/mobile/notificationsFilterOverlay.less */ .notifications-filter-overlay .overlay-content .mw-echo-ui-crossWikiUnreadFilterWidget { border-color: var(--ooui--messagewidget-notice-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/mobile/overlay.less */ /********* Extension:DebugTemplates *********/ /* These styles are deprecated, as the extension was uninstalled on 2024-06-19. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/DebugTemplates/+/refs/heads/master/ext.debugTemplates.css */ /********* Extension:SimpleMathJax *********/ mjx-container { font-size: 125% !important; } /* Reset link color in the menu to default (from Vector skin) */ /* The right-click menu ("About MathJax" or "MathJax Help") has a hardcoded * white background. The links must not use theme styling there, as they are * colored according to their theme's background, which can make them hard to * read with some themes. */ .CtxtMenu_Info a { color: #0645ad; } /* Reset code text color in the menu to default (from Vector skin) */ /* The right-click menu ("Show Math As") has a hardcoded white background. The * code text must not use theme styling there, as it is colored according to * its theme's background, which can make it hard to read with some themes. */ .CtxtMenu_Info pre { background-color: #f8f9fa; color: #000; border-color: #eaecf0; } /********* Extension:AdvancedSearch *********/ /* Query options on [[Special:Search]] */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/AdvancedSearch/+/refs/heads/REL1_43/modules/ext.advancedSearch.less */ .mw-advancedSearch-fieldContainer { background: var(--oouihelper--text-background); border-color: var(--ooui--textarea-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-top-color: var(--ooui--textarea-border-color); } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { background: var(--ooui--textarea-readonly-background-color); color: var(--theme-text-color-note); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-color--hover); } .mw-advancedSearch-namespace-selection { background: var(--oouihelper--text-background); border-color: var(--ooui--textarea-border-color); } .mw-advancedSearch-namespace-border { border-color: var(--oouihelper--borderdark); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--ooui--tagitem-background-color); border-color: var(--oouihelper--progressive); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--theme-text-color-note); } /********* Extension:SearchDigest *********/ /* overwriting styles from here: * https://github.com/weirdgloop/mediawiki-extensions-SearchDigest/blob/1be2fe/src/modules/ext.searchdigest.redirect.css * https://github.com/weirdgloop/mediawiki-extensions-SearchDigest/blob/1be2fe/src/modules/ext.searchdigest.stats.styles.css * https://github.com/weirdgloop/mediawiki-extensions-SearchDigest/blob/1be2fe/src/modules/ext.searchdigest.stats.styles.css */ .searchdigest-stats-table { border-color: var(--oouihelper--borderdark); } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--oouihelper--borderdark); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--oouihelper--borderdark); } .searchdigest-stats-table thead tr { background: var(--theme-highlight-background); } /* allow scrolling the background when the "redirect" popup is open */ /* overwrite from OOUI: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/WindowManager.less#39 */ body.mw-special-SearchDigest.oo-ui-windowManager-modal-active { overflow: unset; } /********* Extension:TwoColConflict *********/ /* apply normal h5 color */ .mw-twocolconflict-split-tour-intro-container-header { color: var(--theme-heading-color); } /* recreate the ".diff-editfont-monospace" class */ .mw-twocolconflict-split-difftext { font-family: monospace; } .mw-twocolconflict-split-difftext .mw-twocolconflict-split-tour-popup { /* reset for the "tour" help popup */ font-family: var(--font-family); } /********* Extension:TwoColConflict (Split) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/TwoColConflict/+/refs/heads/REL1_41/modules/SplitTwoColConflict/ext.TwoColConflict.Split.less */ .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { color: #000; } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { color: #000; } .mw-twocolconflict-split-row.mw-twocolconflict-no-selection { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: #add8ff; } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: #ffe8a6; } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--ooui--messagewidget-notice-border-color); background-color: var(--ooui--messagewidget-notice-background-color); } .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: #add8ff; color: #000; } .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: #ffe8a6; color: #000; } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color: var(--theme-text-color-note); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color: rgba(173, 216, 255, 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color: rgba(255, 232, 166, 0.4); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--ooui--messagewidget-notice-background-color)); } .mw-twocolconflict-no-selection .mw-twocolconflict-split-selector-label { color: var(--theme-text-color); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type=radio]:checked + span:before, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type=radio]:checked:hover + span:before, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type=radio]:checked:focus:hover + span:before { /* the default "checked" color is a "theme-related" color which doesn't fit well into this yellow border, so just use the yellow as the "checked" color */ background: #ac6700; } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type=radio]:checked + span:before, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type=radio]:checked:hover + span:before, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type=radio]:checked:focus:hover + span:before { /* the default "checked" color is a "theme-related" color which doesn't fit well into this blue border, so just use the blue as the "checked" color */ background: #2c529d; } /********* Extension:TwoColConflict (Tour) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/TwoColConflict/+/refs/heads/REL1_41/modules/SplitTwoColConflict/ext.TwoColConflict.Split.Tour.less */ .mw-twocolconflict-split-tour-popup { color: var(--theme-text-color); } /********* Extension:TwoColConflict (editable) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/TwoColConflict/+/refs/heads/REL1_41/modules/SplitTwoColConflict/ext.TwoColConflict.Split.editable.less */ .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color: var(--theme-text-color); } /********* Extension:TwoColConflict (Talk) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/TwoColConflict/+/refs/heads/REL1_41/modules/TalkPageConflict/ext.TwoColConflict.Talk.styles.less */ .mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete { color: #000; } .mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-add { color: #000; } /********* Extension:CookieWarning *********/ .mw-cookiewarning-container { display: none; } /********* Extension:CodeMirror *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/CodeMirror/+/refs/heads/REL1_43/resources/codemirror.wikieditor.less#5 */ .wikiEditor-ui-text .cm-editor { background: var(--oouihelper--textinput-background); } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } @media screen and (max-width: 450px) { /* images/thumbnails */ .mw-parser-output .image > img { max-width: 100%; max-height: 50vh; width: auto; height: auto; } } /* used by mobile floating fix, see [[:en:MediaWiki:Common.js]] */ .mobile-floating-fix { float: none !important; margin-left: 0 !important; width: fit-content; } .mobile-fullwidth { width: 100% !important; } /* Classic Mode Color */ .tab.normal { color: var(--theme-modetabs-classic-text-color-label); } /* Expert Mode Color */ .tab.expert { color: var(--theme-modetabs-expert-text-color-label); } /* Master Mode Color */ .tab.master { color: var(--theme-modetabs-master-text-color-label); } /********* Tables *********/ table { border: 0 solid var(--theme-box-border-color); border-collapse: separate; border-spacing: 0; padding: 0; } table th, table td { border: 0 solid var(--theme-border-color); padding: 3px 6px; } table tfoot:empty, table thead:empty { display: none; } table.wikitable { color: inherit; background: none; border-collapse: collapse; border-color: var(--theme-border-color-accent); } table.wikitable th, table.wikitable td { border-color: var(--theme-border-color-accent); } table.wikitable th { color: inherit; background: none; } table.lined { border-top-width: 1px; } table.lined th, table.lined td { border-bottom-width: 1px; } table.cellborder { border-collapse: collapse; } table.cellborder th, table.cellborder td { border-width: 1px; } /* .topline, .bottomline, .noline */ table tr.topline th, table tr.topline td, table th.topline, table td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } table tr.bottomline th, table tr.bottomline td, table th.bottomline, table td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } table tr.noline th, table tr.noline td, table th.noline, table td.noline { border-width: 0; } table tr.noline th.topline, table tr.noline td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } table tr.noline th.bottomline, table tr.noline td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } /********* Characteristic "terraria" class *********/ /* Styling for "terraria"-classed tables and boxes */ /* See [[MediaWiki:Common.css/src/interface/makeCollapsible.scss]] for the base * collapsible box styling. */ .terraria { --theme-heading-background: var(--theme-highlight-background); border: 1px var(--theme-box-border-color) solid; padding: 8px 12px; border-radius: var(--theme-box-border-radius); min-height: 1.5em; position: relative; overflow: auto; /* for float box */ /* Here we do not need to add ".terraria > .heading:last-child{ margin-bottom: auto; }" since there can be a text node after the :last-child element. */ } .terraria > .heading, .terraria > .mw-collapsible-content > .heading { background: var(--theme-heading-background); text-align: center; font-weight: bold; line-height: 2; min-height: 2em; padding: 3px 6px; font-size: inherit; margin: 8px -8px; } .terraria > .heading:first-child, .terraria > .mw-collapsible-toggle:first-child + .mw-collapsible-content > .heading:first-child { margin-top: -4px; } .terraria > .heading:nth-of-type(1), .terraria > .mw-collapsible-content > .heading:nth-of-type(1) { margin-top: auto; } .terraria > .mw-collapsible-toggle { /* collapsible-toggle in .terraria box */ position: absolute; line-height: 1; right: 12px; top: 12px; font-size: 12px; } .terraria > .mw-collapsible-toggle > .mw-collapsible-bracket { display: none; } .terraria > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 0; height: 0; border-color: var(--theme-collapsible-toggle-icon-color) transparent; border-style: solid; border-width: 0 0.4em 0.45em; margin-right: 0.2em; } .terraria > .mw-collapsible-toggle:after { content: ""; } .terraria > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-width: 0.45em 0.4em 0; } .terraria:hover > .mw-collapsible-toggle:before { border-color: var(--theme-collapsible-toggle-icon-color-hover) transparent; } /*** "terraria"-classed tables ***/ table.terraria { /* we don't want the bottom borders of <h2>s to be visible through floated tables */ background: var(--theme-background); border: 1px solid var(--theme-box-border-color); margin: 0; padding: 3px; border-spacing: 0; border-radius: 3px; /* max: padding + table.border-width + td.border-width */ } table.terraria th, table.terraria td { border-style: solid; border-width: 1px; border-color: var(--theme-background); } table.terraria th { background: var(--theme-heading-background); text-align: center; } table.terraria::before { /* cover those unwanted border lines */ content: ""; display: block; pointer-events: none; position: absolute; border: 2px solid var(--theme-background); top: 3px; bottom: 3px; left: 3px; right: 3px; } table.terraria caption { /* setting a border on a <table> element (like we do with "table.terraria" * above) will not include its <caption> element, so we need to set an own * border on the <caption> */ font-weight: bold; font-size: var(--font-size-l); line-height: var(--line-height-l); background: linear-gradient(to right, var(--theme-background), var(--theme-background) 4px, transparent 4px), linear-gradient(to left, var(--theme-background), var(--theme-background) 4px, transparent 4px), linear-gradient(to bottom, var(--theme-background), var(--theme-background) 4px, transparent 4px), linear-gradient(to top, var(--theme-background), var(--theme-background) 4px, var(--theme-heading-background) 4px), var(--theme-background); border-radius: 3px 3px 0 0; border: 1px solid var(--theme-box-border-color); border-bottom: 0; padding: 7px 10px; /* effectively: 3px 6px */ margin-bottom: -5px; position: relative; } table.terraria.plaincaption caption, table.terraria caption.plaincaption, table.terraria caption.plain { background: none; border: 0; box-shadow: none; margin-bottom: auto; } table.terraria.plaincaption caption::after, table.terraria caption.plaincaption::after, table.terraria caption.plain::after { /* in .plaincaption tables, the "table.terraria::before" rule (see above) * will make two 1px gaps on the top table border, so fill them */ content: ""; display: block; pointer-events: none; position: absolute; height: 1px; background: var(--theme-box-border-color); bottom: -1px; left: 4px; right: 4px; z-index: 1; } table.terraria.lined td { border-bottom-color: var(--theme-box-border-color); } table.terraria.cellborder, table.terraria.cell-border, table.terraria.border { border-collapse: separate; } table.terraria.cellborder td, table.terraria.cell-border td, table.terraria.border td { border-left-color: var(--theme-box-border-color); border-bottom-color: var(--theme-box-border-color); } table.terraria td.cellborder-left { border-left: 1px solid var(--theme-box-border-color); } table.terraria td.cellborder-right { border-right: 1px solid var(--theme-box-border-color); } table.terraria.mw-collapsed { min-height: unset; /* override "min-height:1.5em" from ".terraria" rule */ } table.terraria.mw-collapsed caption + tbody::after, table.terraria.mw-collapsed caption + thead + tbody::after { /* cover up the entire border of the table body (all the rows are invisible, * but the border is around the <table> element, so it's still visible) */ } table.terraria.mw-collapsed caption.plaincaption + tbody::after, table.terraria.mw-collapsed caption.plaincaption + thead + tbody::after { /* plaincaption leaves a bit more space to be covered up */ height: 12px; } .terraria + table.terraria { /* some space between subsequent tables */ margin-top: var(--layout-gap); } .terraria.lined.sortable.jquery-tablesorter { width: auto; } /********* headings *********/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 32px; line-height: 40px; } .mw-body-content h2 { font-size: 26px; line-height: 32px; margin-top: 18px; margin-bottom: 12px; } .mw-body-content h2::after { content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 3px; } .vector-body h3 { font-size: 22px; line-height: 28px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 18px; font-weight: bold; line-height: 24px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } .vector-body h4 { font-size: 16px; } .vector-body h5 { font-size: 14px; } .vector-body h6 { font-size: 12px; } } /*** section edit link ****/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.skinning/interface-edit-section-links.less */ /* Replaces the "[edit]" text with a pencil icon */ .mw-editsection { white-space: nowrap; /* make font-size the same as the section's h1/2/3/... element */ font-size: unset; line-height: 1em; --theme-icon-color: var(--theme-link-color-accent); } .mw-editsection .mw-editsection-bracket { /* hide the brackets*/ display: none; } .mw-editsection a { display: inline-block; /* hide the text */ color: transparent; width: 1em; height: 1em; margin-left: -0.5em; --mask: var(--icon-pencil) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 85% 85%; mask-size: 85% 85%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } /** ToC **/ .toc, .toc * { box-sizing: border-box; } /* base common style */ .toc { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); margin: var(--layout-gap-l) 0; font-size: unset; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctitle h2, .toc .toctitle .toctogglespan { line-height: 20px; margin: 0; border: 0; } .toc .toctitle h2 { padding: 0 8px; font-weight: normal; display: flex; align-items: center; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; font-size: unset; line-height: unset; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { /* arrow */ content: ""; display: block; pointer-events: none; --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); width: 14px; height: 14px; flex: 0 0 auto; transform: scaleY(-1); } .toc .toctogglelabel:hover::before { background-color: var(--theme-icon-color-hover); } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { transform: none; } .toc .toctogglecheckbox:checked ~ ul { /* do not change ToC title size when toggle show/hide. */ overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; margin: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { margin: var(--layout-box-padding) 0 0 0; border-top: 1px solid var(--theme-border-color); padding-top: var(--layout-box-padding); } .toc > ul a { display: block; padding: 2px 8px; border-radius: 4px; transition: background 0.3s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Thumbnails *********/ /* Styles relating to vanilla MediaWiki thumbnails. For legacy reasons this also contains the floatleft, tleft, tright and floatright classes. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/content.thumbnails-screen.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/content.thumbnails-common.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/content.thumbnails-print.less */ .thumb { margin-bottom: var(--layout-gap); border: 0; } .thumb * { box-sizing: content-box; } .thumb .thumbinner { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); font-size: unset; } .thumb a.img { display: block; } .thumb img { background: none; border-color: var(--theme-box-border-color); } .thumb .thumbcaption { font-size: var(--font-size-s); line-height: var(--line-height-s); padding: 0 1px; /* 1px for border of image. */ margin-top: var(--layout-gap); } .thumb .thumbcaption .magnify:first-child { display: none; } div.tleft { margin: 0 var(--layout-gap) var(--layout-gap) 0; } div.tright { margin: 0 0 var(--layout-gap) var(--layout-gap); } /********* Gallery *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.page.gallery.styles/gallery.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.page.gallery.styles/print.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.page.gallery.styles/content.media.less */ .gallery.gallery { margin: var(--layout-gap) 0; } .gallery.mw-gallery-traditional { /* Some lengths are hard-coded in html code, so we have to do some tricks. */ --offset-width: -5px; /* html width of .gallerybox>div is width of .thumb + 5px */ --offset-margin: -15px; /* width/height of .thumb is width/height of .thumb>div>img + 15px */ display: flex; flex-wrap: wrap; gap: var(--layout-gap); } .gallery.mw-gallery-traditional .gallerybox { width: unset !important; margin: 0; --offset-left: calc(0px - var(--offset-margin) - var(--layout-box-padding) - 1px); --offset-right: calc(0px - var(--offset-width) - var(--offset-margin) - var(--layout-box-padding) - 1px); } .gallery.mw-gallery-traditional .gallerybox > div { margin: 0 calc(0px - var(--offset-right)) 0 calc(0px - var(--offset-left)); } .gallery.mw-gallery-traditional .gallerybox .thumb { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); margin: 0 var(--offset-right) 0 var(--offset-left); width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb > div > *:first-child { margin-top: var(--offset-margin); margin-bottom: var(--offset-margin); } .gallery.mw-gallery-traditional .gallerybox .thumb a { display: block; } .gallery.mw-gallery-traditional .gallerybox .gallerytext { font-size: var(--font-size-s); line-height: var(--line-height-s); padding: 0 1px; /* 1px for border of image. */ margin: 4px var(--offset-right) var(--layout-gap) var(--offset-left); /* 5px margin-right for .gallerybox>div */ display: flex; flex-direction: column; justify-content: center; align-items: center; } .gallery.mw-gallery-traditional .gallerybox .gallerytext p { width: auto; flex: 0 1 auto; } #mw-category-media .gallery.mw-gallery-traditional .gallerybox .gallerytext { /* on "Category:" pages, left-align the file name and file dimensions/size */ align-items: start; } #mw-category-media .gallery.mw-gallery-traditional .gallerybox .gallerytext .galleryfilename-truncate { /* on "Category:" pages, ensure that the file name is fully visible */ white-space: unset; overflow-wrap: anywhere; word-break: normal; } .gallery.mw-gallery-traditional .gallerycaption { flex-basis: 100%; /* the caption should always be on its own line */ } .mw-gallery-slideshow .gallerybox.slideshow-current { background: var(--theme-text-background-color-highlight); } /********* Unknown *********/ /* Styles which have an unknown/unclear purpose; should be removed if it's clear that * they have no use. If they're still needed, they should be moved to the proper location * and given an explanation. Remember that they might be used by the Terraria Mods Wiki * or a language wiki. */ /* seems unused; [[Special:SpecialPages]] only uses ".mw-specialpages-list" elements */ .mw-specialpages-table { margin-bottom: 0; margin-top: 0; } /* seems unused; [[Special:Contribs]] only uses ".mw-contributions-list" elements */ /* where is this defined in the MediaWiki internal CSS? */ .mw-contributions-table > :nth-child(3) label + select, .mw-contributions-table > :nth-child(4) label + input { display: inline; margin: 0; } .mw-contributions-table .mw-input-with-label { vertical-align: middle; } /* Notification */ /* .theme-mode-dark doesn't seem to be used anymore */ .theme-mode-dark .postedit::after { filter: invert(100%); } /* Warning color */ /* used at least by Extension:Cite; see https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cite/+/refs/heads/REL1_39/src/ErrorReporter.php#103 */ /* where is this defined in the MediaWiki internal CSS? */ .warning { color: var(--oouihelper--yellow); } /* where is this used? where is it defined in the MediaWiki internal CSS? */ .page-content ol.special { list-style-position: inside; margin-left: auto; } /* Remove external link icon */ /* where is this used? where is it defined in the MediaWiki internal CSS? */ .link-https { padding-right: 0; background: none; } /* Larger font for Module: code display (default is smaller than other code pages) */ /* where is this really used? neither short modules (Module:Bananas) nor long modules * (Module:Exclusive/data) have ".lua" or ".source-lua" classes. where is it defined * in the MediaWiki internal CSS? */ pre.lua.source-lua { font-size: 14px !important; } /*********************************************************************************************************** * css for certain templates ***********************************************************************************************************/ /********* Infobox templates *********/ /* Common styles for these infobox templates: * [[Template:Drop infobox]] * [[Template:Item infobox]] * [[Template:Npc infobox]] * (other infobox templates are portable infoboxes instead and do not use the common ".infobox" class) */ .infobox { border: 1px solid var(--theme-box-border-color); border-radius: 8px; --padding: 6px; padding: var(--padding); font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; box-sizing: border-box; } .infobox * { background: none; } .infobox.float-right { float: right; margin: 0.5em 0 0.5em 1em; } .infobox.float-left { float: left; margin: 0.5em 1em 0.5em 0; } .infobox.float-none { float: none; margin: 0.5em 1em 0.5em 0; } .infobox blockquote.quotation { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0 0.25em; margin: 0.5em auto; } .infobox blockquote.quotation:before { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ font-size: 3.5em; left: 0; } .infobox blockquote.quotation div { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0; margin-left: 2em; border-left: 0; } .infobox table { background: none; width: 100%; border-spacing: 0; } .infobox table th, .infobox table td { padding: 2px; vertical-align: middle; } .infobox table th { white-space: nowrap; text-align: right; width: 5em; /* It is possible that an infobox is transcluded inside a table that * has "class=terraria". There is a rule for "table.terraria th" that * sets a background, but we don't want that to affect the <th> * elements of the infobox. Therefore we must override it here. */ background: none; } .infobox > .title, .infobox .section > .title { background: var(--modetabs-background); color: var(--modetabs-text-color); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title { font-size: 15px; padding: 6px 3px; line-height: 1.2; } .infobox > .title > .ename, .infobox > .title > .namesub { display: block; font-size: 12px; font-style: italic; } .infobox > .title > .namesub { color: var(--theme-text-color-note); } .infobox > .title > .namesub:before { content: "("; font-style: normal; margin-right: 1px; } .infobox > .title > .namesub:after { content: ")"; font-style: normal; margin-left: 1px; } .infobox > .title > .namesub.namenote { font-size: 10px; } .infobox .content-section { padding: 6px 3px; } .infobox .variant { color: var(--modetabs-text-color); font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; margin-bottom: 2px; } .infobox .images { position: relative; padding: 6px 0; min-height: 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; } .infobox .images img { max-width: 100%; height: auto; } .infobox ul { list-style: none; margin: auto; text-align: center; } .infobox .section { margin-bottom: 4px; } .infobox .section:last-child { margin-bottom: 0; } .infobox .section > .title:first-child + * { margin-top: 4px; } .infobox .section > .title:first-child + :empty { /* hide empty section contents */ display: none; } .infobox .section > .title:last-child { /* hide titles of empty sections */ display: none; } .infobox .section .stat th .gameText { /* revert the "white-space:pre-wrap" in {{gameText}} in captions, e.g. in the sound section */ white-space: unset; } .infobox .section.buff table, .infobox .section.debuff table { border-bottom: 1px solid var(--theme-box-border-color); margin-bottom: 0.25em; } .infobox .section.buff:after, .infobox .section.debuff:after { content: ""; display: block; height: 4px; margin-top: -7px; background: var(--theme-page-background-color); } .infobox .section.ids { border-top: 1px solid var(--theme-box-border-color); text-align: center; font-size: 10.5px; background: var(--modetabs-background); color: var(--modetabs-text-color); } .infobox .section.ids li { padding: 2px 0; border-bottom: 2px solid var(--theme-page-background-color); margin: 0; font-weight: bold; } .infobox .section.ids li:last-child { border-bottom: 0; } .infobox tr.buff th, .infobox tr.buff td { background: var(--modetabs-background); border: 1px solid var(--modetabs-border-color); } .infobox tr.buff th { border-left: 0; } .infobox tr.buff td { border-right: 0; padding-left: 3px; } .infobox tr.buff td b { font-weight: bold; white-space: nowrap; } .infobox .imageother { text-align: center; padding: 6px 0; border-top: 1px solid var(--theme-box-border-color); } .infobox .imageother .imageothercaption { margin: 0.15em 0 0; } .infobox .tags, .portable-infobox .tags { /* tag list */ --tags-border-color: rgba(var(--theme-text-color--rgb), 0.4); --tags-border-color-linked: rgba(var(--theme-link-color--rgb), 0.4); margin-top: -1px; margin-bottom: -1px; } .infobox .tags .tag, .portable-infobox .tags .tag { border: 1px solid var(--tags-border-color-linked); display: inline-block; padding: 0 4px; border-radius: 3px; margin: 3px 6px 3px auto; } @supports selector(:has(p)) { .infobox .tags .tag, .portable-infobox .tags .tag { border-color: var(--tags-border-color); } .infobox .tags .tag:has(> a), .portable-infobox .tags .tag:has(> a) { border-color: var(--tags-border-color-linked); } } .infobox .tags .tag a, .portable-infobox .tags .tag a { white-space: nowrap; } .modetabs { display: flex; padding: 0 4px; } .modetabs .tab { margin: 0 2px -1px; border-radius: 3px 3px 0 0; background: transparent; padding: 4px 0 3px; text-align: center; font-weight: bold; cursor: pointer; border: 1px solid transparent; border-bottom: none; } .modetabs .tab.current { background: var(--theme-box-background); border-color: var(--theme-box-border-color); } .modetabs .tab:hover { text-decoration: underline; } .infobox .modetabs { border-bottom: 1px solid var(--theme-box-border-color); margin: 6px -6px; } .infobox .modetabs .tab { flex: 1 1 33.33333333%; } /* -------------------------------------------------------- */ /* classic/expert/master mode tabber */ /* -------------------------------------------------------- */ .infobox, .portable-infobox, .infotable { --modetabs-background: var(--theme-modetabs-classic-background); --modetabs-border-color: var(--theme-modetabs-classic-border-color); --modetabs-text-color: var(--theme-modetabs-classic-text-color); } .modesbox.c-normal .m-expert, .modesbox.c-normal .m-master, .modesbox.c-normal .m-expert-master { display: none !important; } .modesbox.c-expert { --modetabs-background: var(--theme-modetabs-expert-background); --modetabs-border-color: var(--theme-modetabs-expert-border-color); --modetabs-text-color: var(--theme-modetabs-expert-text-color); } .modesbox.c-expert .m-normal, .modesbox.c-expert .m-master, .modesbox.c-expert .m-normal-master { display: none !important; } .modesbox.c-master { --modetabs-background: var(--theme-modetabs-master-background); --modetabs-border-color: var(--theme-modetabs-master-border-color); --modetabs-text-color: var(--theme-modetabs-master-text-color); } .modesbox.c-master .m-normal, .modesbox.c-master .m-expert, .modesbox.c-master .m-normal-expert { display: none !important; } .modesbox.expertonly .m-normal, .modesbox .expertonly .m-normal { display: none !important; } .modesbox.masteronly .m-normal, .modesbox.masteronly .m-expert, .modesbox .masteronly .m-normal, .modesbox .masteronly .m-expert { display: none !important; } /********* Portable infobox theme *********/ /* Extension:PortableInfobox */ /* Portable infobox templates: * [[Template:Buff infobox]] * [[Template:Patch infobox]] * [[Template:Re-Logic staff infobox]] * [[Template:Software infobox]] * [[Template:User infobox]] */ .portable-infobox { --pi-border-color: var(--theme-box-border-color); /* this variable is also used by some other rules not listed here */ border: 1px solid var(--pi-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; width: 21em; box-sizing: border-box; } .portable-infobox .pi-data, .portable-infobox .pi-group { border: none; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { color: var(--modetabs-text-color); text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--modetabs-background); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); } .portable-infobox .pi-title { font-weight: bold; font-size: 15px; padding: 6px 3px; line-height: 1.2; } .portable-infobox .pi-title + .pi-group, .portable-infobox .pi-group.pi-collapse-closed + .pi-group { margin-top: 4px; } .portable-infobox .pi-header { padding: 2px 0; } .portable-infobox .pi-secondary-font { font-size: 12px; line-height: 1.5; /* Set the font-family to the standard text font. "h3.pi-secondary-font" * elements (the "data labels" get a different font because they are "h3" * elements, but they should look the same as the "data value" elements. */ font-family: var(--font-family); } .portable-infobox .pi-navigation { background-color: transparent; border-top: 1px solid var(--pi-border-color); font-size: 11.5px; } .portable-infobox .pi-data.pi-item .pi-data-label { flex-basis: 120px; text-align: right; hyphens: unset; /* overwriting the default "hyphens:auto" */ } .portable-infobox .pi-group.pi-collapse .pi-header { cursor: pointer; } .portable-infobox .pi-image { margin: 6px; } .portable-infobox .pi-image img { max-width: 100%; height: auto; } .portable-infobox h2::after { /* Hide the line that is displayed below normal h2 elements by default */ display: none; } @media screen and (min-width: 720px) { .client-js .pi-collapse .pi-header:first-child { padding-right: 0; } } /********* [[Template:Item infobox]] *********/ .item.infobox { width: 21em; } .item.infobox .images { min-height: 50px; } .item.infobox .images .auto, .item.infobox .images .stack { position: absolute; right: 3px; } .item.infobox .images .auto { top: 3px; } .item.infobox .images .stack { bottom: 3px; } .item.infobox .images ul.infobox-inline > li { display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; vertical-align: middle; line-height: 2px; } .item.infobox .images ul.infobox-inline > li::before { content: ""; display: block; width: 1px; background: var(--theme-box-border-color); height: 80%; position: absolute; left: 0; top: 10%; } .item.infobox .images ul.infobox-inline > li:first-child { padding: 0 8px; } .item.infobox .images ul.infobox-inline > li:first-child::before { display: none; } .item.infobox .images ul.infobox-block > li { display: block; padding: 13px 0 0 0; margin: auto; position: relative; } .item.infobox .images ul.infobox-block > li::before { content: ""; display: block; height: 1px; background: var(--theme-box-border-color); width: 80%; position: absolute; left: 10%; top: 6px; } .item.infobox .images ul.infobox-block > li:first-child { padding-top: 0; } .item.infobox .images ul.infobox-block > li:first-child::before { display: none; } .item.infobox .images hr { background-color: var(--theme-box-border-color); margin: 0.5em 0; } .item.infobox .section { overflow: hidden; } .item.infobox .section.projectile, .item.infobox .section.mount { text-align: center; } .item.infobox .section.projectile .name, .item.infobox .section.mount .name { font-size: 10.5px; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .item.infobox .section.projectile .image, .item.infobox .section.mount .image { margin: 0.25em 0.5em 0.5em; } .item.infobox .section.projectile img { max-width: 100%; height: auto; } .item.infobox .section.projectile .name { margin-top: 0.25em; } .item.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .item.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .item.infobox .section.drop table { /* drop info section in item infobox */ margin-top: 6px; margin-bottom: 6px; } .item.infobox .section.drop .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" * rule for the contents of the sortable column headers */ background-image: unset; } .item.infobox .section.drop td { border-top: 1px solid var(--theme-box-border-color); } .item.infobox .section.drop td:first-child s { display: none; } .item.infobox .section.drop th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .item.infobox .section.drop th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .item.infobox .section.drop th:last-child.headerSort { padding-right: 21px; } .item.infobox .section.drop th:first-child, .item.infobox .section.drop td:first-child { text-align: left; width: 0; } .item.infobox .section.drop th:nth-child(2), .item.infobox .section.drop td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .item.infobox .section.drop th:last-child, .item.infobox .section.drop td:last-child { text-align: right; width: 0; min-width: 4em; } .item.infobox .section.drop .entity-name { display: flex; align-items: center; } .item.infobox .section.drop .entity-img img, .item.infobox .section.drop .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .item.infobox .section.drop .nodrop-note { text-align: center; padding-top: 6px; } .item.infobox .section.drop > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .item.infobox .section.drop > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .item.infobox .section.drop > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .item.infobox .section.drop > .mw-collapsible-toggle:after { content: ""; } .item.infobox ul.toolpower { padding: 6px 0; cursor: help; } .item.infobox ul.toolpower li { display: inline-block; padding: 0 0.5em; } .item.infobox ul.toolpower li > img { width: 16px; height: 16px; object-fit: cover; object-position: 0 0; filter: var(--ooui--icon-normal-filter); } .item.infobox ul.toolpower .zero { opacity: 0.5; } .item.infobox td.tvm { /* ammo pages: Total Velocity Multiplier line */ font-weight: bold; padding-left: 5px; } .item.infobox th.tvm, .item.infobox td.tvm { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .small-bold { /* Styling for damagetype and width/height. Use time and knockback use other * classes (.usetime, .knockback) but those have the same styling. */ font-size: 10.5px; font-weight: bold; } /********* [[Template:Npc infobox]] *********/ .npc.infobox { width: 21em; } .npc.infobox .section { overflow: hidden; } .npc.infobox .section.drops .drops.items { margin-top: 4px; margin-bottom: 0; } .npc.infobox .section.projectile { text-align: center; } .npc.infobox .section.projectile img { max-width: calc(100% - var(--padding) * 2); height: auto; } .npc.infobox .section.projectile .image { margin: 0.25em 0.5em 0.5em; } .npc.infobox .section.projectile .name { font-size: 10.5px; margin-top: 0.25em; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .npc.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .npc.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .npc.infobox .statistics table th { width: 6em; } .npc.infobox .immunities > div { margin: -1px; } .npc.infobox .immunities .i { margin: 1px; } .npc.infobox .drops td:first-child { text-align: left; } .npc.infobox .drops td:last-child { text-align: right; } .npc.infobox .drops th:first-child { text-align: left; border-right: 0; } .npc.infobox .drops.money table th { width: 1px; } .npc.infobox .drops.items li { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; padding: 3px 0; margin-bottom: auto; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; position: relative; } .npc.infobox .drops.items li:first-child { background: var(--modetabs-background); color: var(--modetabs-text-color); padding: 2px 6px; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li > div { display: block; } .npc.infobox .drops.items li > div:first-child { text-align: left; } .npc.infobox .drops.items li > div:last-child { text-align: right; } .npc.infobox .drops.items li.notebox { display: block; text-align: center; padding: 0; } .npc.infobox .drops.items li.notebox > div { text-align: center; border-width: 1px; border-style: dashed; border-color: rgba(var(--theme-border-color--rgb), 0.8); border-radius: 3px; margin: 3px auto; padding: 2px 0; } .npc.infobox .drops.items li.note-before, .npc.infobox .drops.items li.note-after { display: block; } .npc.infobox .drops.items li.note-before > div, .npc.infobox .drops.items li.note-after > div { text-align: center; } .npc.infobox .drops.items li.note-before { padding-bottom: 0; margin-bottom: -3px; } .npc.infobox .drops.items li.note-before + li { border-top: 0; } .npc.infobox .drops.items li.note-after { margin-top: -2px; border-top: 0; padding-top: 0; } .npc.infobox .drops.items li .i > span:first-of-type > div.note { /* note2 of {{item}}s in drops list */ font-size: 11px; line-height: 12px; } .npc.infobox .drops.items li.caption { line-height: 1.1; text-align: center; color: var(--modetabs-text-color); background: var(--modetabs-background); display: block; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li.caption.trsbg { /* "Treasure Bag contents" caption */ border-bottom-width: 2px; margin-bottom: 2px; padding-bottom: 5px; } .npc.infobox .drops.items li.caption.trsbg + li { border-top-width: 1px; border-top-style: solid; } .npc.infobox .drops.items li.caption + li.group { border-top-width: 0; } .npc.infobox .drops.items li.caption.group_end { padding-bottom: 5px; } .npc.infobox .drops.items li.group_end { border-bottom-width: 2px; position: relative; margin-bottom: 2px; } .npc.infobox .drops.items li.group { border-color: rgba(var(--theme-border-color--rgb), 0.35); } .npc.infobox .drops.items li.groupstart, .npc.infobox .drops.items li.groupend + li { border-top-width: 2px; } .npc.infobox .drops.items li.groupend { display: none; } .npc.infobox .drops.items li.loot { border-color: rgba(var(--theme-border-color--rgb), 0.35); margin-left: 1.5em; } .npc.infobox .drops.items li.loot:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 100px; background: var(--theme-text-color); position: absolute; left: -1em; top: 50%; transform: translateY(-50%); } .npc.infobox .drops.items li.loot.caption:before { display: none; } .npc.infobox .drops.items li.lootstart, .npc.infobox .drops.items li.lootend { display: none; } .npc.infobox table.drops.money span.money { display: block; } .npc.infobox table.drops.money span.sep { display: block; text-indent: -9999px; height: 1px; overflow: hidden; } ul.table-npcdrops { /* npc drops list in tableview */ text-align: left; margin: auto; } .table-npcdrops > li { list-style: none; margin-bottom: 2px; } .table-npcdrops > li:last-child { margin-bottom: auto; } .table-npcdrops > li > div { display: inline-block; } .table-npcdrops > li > div:last-child { margin-left: 0.25em; } .table-npcdrops > li > div:last-child:before { content: " ("; } .table-npcdrops > li > div:last-child:after { content: ")"; } .npc.infotable { display: grid; grid-template-columns: [tab-left table-left] auto [tab-right note-left] auto [note-right table-right]; grid-template-rows: [tab-start note-start] auto [tab-end note-end table-start] auto [table-end]; width: fit-content; max-width: 100%; } .npc.infotable th { /* "background-color" specifically is necessary here (instead of just * "background" because these "th" elements are potentially sortable. In * that case they are affected by the "th.headerSort" rule from * jquery-tablesorter, where "background-image" is set (for the little * arrow icons). Just "background" would overwrite that and hide the * arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); } .npc.infotable > .statnote { grid-column: note-left/note-right; grid-row: note-start/note-end; text-align: right; font-size: 10px; line-height: 14px; padding-right: 9px; color: var(--theme-text-color-note); } .npc.infotable.note-no > .statnote { display: none; } .npc.infotable.note-bottom { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable.note-bottom > .statnote { text-align: left; } @media screen and (max-width: 640px) { .npc.infotable { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable > .statnote { text-align: left; } } .npc.infotable > .table { grid-column: table-left/table-right; grid-row: table-start/table-end; z-index: 10; margin: 0; border: 1px solid var(--theme-box-border-color); border-radius: 0 8px 8px 8px; padding: 6px; width: 100%; overflow: hidden; } .npc.infotable > .table > table { margin: 0; } .npc.infotable > .table > table.terraria { margin-top: 0 !important; } .npc.infotable .modetabs { grid-column: tab-left/tab-right; grid-row: tab-start/tab-end; z-index: 20; } .npc.infotable .modetabs .tab { margin: 0 5px -1px 0; padding: 4px 1em; } .npc.infotable td.infobox-block span.npcstat, .npc.infotable td.infobox-block span.npcstat .s { display: block; } .npc.infotable td.infobox-block span.npcstat + br, .npc.infotable td.infobox-block span.npcstat .sep { display: none; } .npcstat .ssep { display: inline; padding-left: 0.5em; padding-right: 0.5em; } .npc.infobox .npcstat .ssep, .npc.infotable .npcstat .ssep { display: none; } .npcstat span.prefix, .npcstat span.postfix { display: inline; color: var(--theme-text-color-note); font-weight: normal; font-size: 0.85em; } .npcstat.prefix .s, .npcstat.postfix .s { display: block; } /********* [[Template:Drop infobox]] *********/ .drop.infobox .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" rule * for the contents of the sortable column headers */ background-image: unset; } .drop.infobox table { margin-top: 6px; margin-bottom: 6px; } .drop.infobox td { border-top: 1px solid var(--theme-box-border-color); } .drop.infobox td:first-child s { display: none; } .drop.infobox th:first-child, .drop.infobox td:first-child { text-align: left; width: 0; } .drop.infobox th:nth-child(2), .drop.infobox td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .drop.infobox th:last-child, .drop.infobox td:last-child { text-align: right; width: 0; min-width: 4em; } .drop.infobox th { /* "background-color" specifically is necessary here (instead of just * "background" because these sortable "th" elements have a "th.headerSort" * rule from jquery-tablesorter, where "background-image" is set (for * the little arrow icons). Just "background" would overwrite that and * hide the arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); border-bottom: 1px var(--modetabs-border-color) solid; border-right: 0; padding: 2px 5px; } .drop.infobox th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .drop.infobox th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .drop.infobox th:last-child.headerSort { padding-right: 21px; } .drop.infobox .entity-name { display: flex; align-items: center; } .drop.infobox .entity-img img, .drop.infobox .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .drop.infobox .nodrop-note { text-align: center; padding-top: 6px; } .drop.infobox > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .drop.infobox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .drop.infobox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .drop.infobox > .mw-collapsible-toggle:after { content: ""; } /********* [[Template:Infobox wrapper]] *********/ .infobox-wrapper.float-right { float: right; margin-left: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-right { float: none; margin-left: auto; } } .infobox-wrapper.float-left { float: left; margin-right: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-left { float: none; margin-right: auto; } } .infobox-wrapper.float-none { float: none; } .infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none { float: none; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none { float: none; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } /********* [[Template:Crafts]] *********/ /* This template no longer exists on the English Terraria Wiki but it is still * used on the Terraria Mods Wiki and possibly some language wikis */ /* match the appearance of table.terraria */ table.crafts { /* must be "table.crafts", ".crafts" is not enough */ margin: 0.5em 0; border-spacing: 0; line-height: 1.5; border: 1px solid var(--theme-box-border-color); border-radius: 6px; } table.crafts table { border-collapse: collapse; border: 2px solid transparent; } .crafts caption { font-size: 16px; background: var(--theme-highlight-background); padding: 6px 8px; position: relative; font-weight: bold; white-space: nowrap; margin: 2px; } .crafts caption > i, .crafts caption > b { vertical-align: middle; } .crafts table th, .crafts table td { padding: 4px 8px; border: 1px solid var(--theme-box-border-color); } .crafts table th { background: var(--theme-highlight-background); background-clip: padding-box; } .crafts td { border: 0; padding: 2px; } .crafts td.result, .crafts td.ingredients { white-space: nowrap; } .crafts td.result .version-note { margin-bottom: 0.25em; } .crafts td.result .result-note { margin-top: 0.25em; } .crafts td.station { text-align: center; } .crafts td.station > b, .crafts td.station > i { vertical-align: middle; } .crafts td.station span.water { display: inline-block; vertical-align: middle; } .crafts.nostation th.station, .crafts.nostation td.station { display: none; } .crafts .i > span, .crafts .note-text { /* itemlink default as multiline */ line-height: 1.25; vertical-align: middle; } .crafts .ingredients ul, .crafting-ingredients > ul { margin: -3px 0; list-style: none; } .crafts .ingredients li, .crafting-ingredients > ul > li { margin: 3px auto; } .recipe.compact .result-note { margin-left: 2px; } /********* [[Template:Recipes]] *********/ /* match the appearance of table.terraria */ .recipes caption > b, .recipes caption > i { vertical-align: middle; } .recipes .ib { display: inline-block; vertical-align: middle; } .recipes th, .recipes td { padding: 4px 8px; } .recipes td.result, .recipes td.ingredients { white-space: nowrap; } .recipes td.result .version-note { margin-bottom: 4px; } .recipes td.result .result-note { margin-top: 4px; } .recipes td.station { text-align: center; } .recipes td.station > b, .recipes td.station > i { vertical-align: middle; } .recipes.nostation th.station, .recipes.nostation td.station { display: none; } .recipes .i > span, .recipes .am { /* itemlink default as multiline */ line-height: 18px; vertical-align: middle; } .recipes .am { color: var(--theme-text-color-note); } .recipes .am::before { /* thin spaces around multiplication sign */ content: " × "; } .recipes .ingredients ul { margin: -3px 0; list-style: none; } .recipes .ingredients ul > li { margin: 3px auto; } .recipes.compact .result-note { margin-left: 2px; } /********* [[Template:Diagram]] *********/ table.diagram { border-spacing: 0; background: transparent; --connector-border-color: var(--theme-box-border-color); } table.diagram.diagramdoc { /* theme-text-color gives the connectors better visibility in the template documentation */ --connector-border-color: var(--theme-text-color); border: 1px solid var(--theme-box-border-color-light); border-radius: 4px; padding: 0.5em; } table.diagram tr { height: 1px; text-align: center; } table.diagram td.l { border-style: none; border-width: 1px; border-color: var(--connector-border-color); padding: 0.5em; } table.diagram td.n { padding: 0; } table.diagram td.db { border-bottom-style: dashed; } table.diagram td.dr { border-right-style: dashed; } table.diagram td.sb { border-bottom-style: solid; } table.diagram td.sr { border-right-style: solid; } table.diagram td.nb { border-bottom-style: solid; border-bottom-color: transparent; } table.diagram td.nr { border-right-style: solid; border-right-color: transparent; } table.diagram td.cf { position: relative; } table.diagram td.cf:after { content: ""; display: block; position: absolute; width: 0.9px; height: 1px; border-bottom: 1px solid var(--connector-border-color); right: 0; bottom: 0; } table.diagram td.alt { position: relative; } table.diagram td.alt:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); left: 0; bottom: -1px; border-width: 3px 8px 1px 0; border-top-color: transparent; } table.diagram td.alb { position: relative; } table.diagram td.alb:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); left: 0; top: 0; border-width: 0 8px 3px 0; border-bottom-color: transparent; } table.diagram td.art { position: relative; } table.diagram td.art:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); right: 0; bottom: -1px; border-width: 3px 0 1px 8px; border-top-color: transparent; } table.diagram td.arb { position: relative; } table.diagram td.arb:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); right: 0; top: 0; border-width: 0 0 3px 8px; border-bottom-color: transparent; } table.diagram td.atl { position: relative; } table.diagram td.atl:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); right: -1px; top: 0; border-width: 0 1px 8px 3px; border-left-color: transparent; } table.diagram td.atr { position: relative; } table.diagram td.atr:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); left: 0; top: 0; border-width: 0 3px 8px 0; border-right-color: transparent; } table.diagram td.abl { position: relative; } table.diagram td.abl:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); right: -1px; bottom: 0; border-width: 8px 1px 0 3px; border-left-color: transparent; } table.diagram td.abr { position: relative; } table.diagram td.abr:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); left: 0; bottom: 0; border-width: 8px 3px 0 0; border-right-color: transparent; } table.diagram td.ct, table.diagram td.cb { position: relative; } table.diagram td.sr.cb { border-right-color: transparent; } table.diagram td.ct:before { content: ""; display: block; position: absolute; border-style: solid; border-color: var(--connector-border-color); right: 0; top: 0; width: 100%; height: calc(100% - 4px); border-width: 0 1px 0 0; } table.diagram td.cb:before { content: ""; display: block; position: absolute; border-style: solid; border-color: var(--connector-border-color); right: -1px; bottom: 0; width: 100%; height: calc(100% - 4px); border-width: 0 1px 0 0; } table.diagram td.ct:after { content: ""; display: block; position: absolute; border-style: solid; border-color: var(--connector-border-color); right: -4px; bottom: -5px; width: 5px; height: 9px; border-width: 1px 1px 1px 0; border-radius: 0 10px 10px 0; } table.diagram td.no-border { border: none; } table.diagram td.craft-station { border: none; padding: 2px 0; } .diagram-box { border-width: 2px; border-style: solid; border-color: var(--theme-box-border-color); border-radius: 7px; padding: 0.25em 0.5em; } .diagram-box .note-text { line-height: 1.25; margin-top: 0.25em; } .diagram-box > .note-text:first-child { margin-top: auto; } .diagram-box > img:first-child { margin-top: 2px; } /****** crafting-tree ******/ .crafting-tree { overflow: auto; padding: 0.5em 0; font-size: 12px; line-height: 1.25; } .crafting-tree .diagram { white-space: nowrap; } /********* [[Template:Card]] *********/ .card { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); box-sizing: border-box; margin: 0.5em; width: fit-content; } .card > .heading { background-color: var(--theme-highlight-background); font-weight: bold; margin-bottom: 0.5em; padding: 0.25em 0.5em; } .card > .heading:empty { display: none; } .card > .content { padding: 0 0.5em; } /********* [[Template:Infocard]] *********/ .infocard { box-sizing: border-box; --infocard-padding: 1em; --infocard-padding-negative: calc(var(--infocard-padding) * -1); --infocard-padding-half: calc(var(--infocard-padding) * 0.5); --infocard-padding-half-negative: calc(var(--infocard-padding-negative) * 0.5); --infocard-icon-right-offset: -2em; --infocard-box-title-font-size: 1.5em; --infocard-box-title-font-weight: lighter; --infocard-main-heading-font-size: 2em; padding: var(--infocard-padding); border: 1px solid var(--theme-box-border-color); border-radius: 6px; width: 100%; overflow: hidden; min-width: 300px; position: relative; background: var(--theme-background); } .infocard * { box-sizing: border-box; } .infocard + .infocard { /* gap between subsequent infocard elements */ margin-top: 0.5em; } .infocard.auto-width { width: unset; } .infocard.compact { --infocard-padding: 0.5em; --infocard-icon-right-offset: -2.5em; --infocard-box-title-font-size: 100%; --infocard-box-title-font-weight: bold; --infocard-main-heading-font-size: 1.25em; min-width: 240px; } .infocard > .intro { margin: 1em 0; min-width: 200px; } @media screen and (max-width: 720px) { .infocard .outro .content { overflow-x: auto; } } .infocard .heading { margin: 1em 0 var(--infocard-padding-half); font-weight: bold; } .infocard .main-heading { border-right: 3em solid transparent; position: relative; line-height: 1; padding-left: var(--infocard-padding); margin: var(--infocard-padding) var(--infocard-padding-negative); background: var(--theme-highlight-background); } @media screen and (max-width: 450px) { .infocard .main-heading { padding-right: 0 !important; } } .infocard .main-heading .hgroup { display: inline-block; margin-left: 4px; padding: 0 var(--infocard-padding); background: var(--theme-background); } .infocard .main-heading .hgroup > .main { font-size: var(--infocard-main-heading-font-size); color: var(--theme-text-color-highlight); } .infocard .main-heading .hgroup > .main > .namenote { font-size: 62.5%; color: var(--theme-text-color-note); } .infocard .main-heading .icon { position: absolute; right: var(--infocard-icon-right-offset); top: 50%; transform: translateY(-50%); z-index: 1; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; width: var(--iconsize); height: var(--iconsize); } .infocard .main-heading .icon.frame { border: 1px solid var(--theme-box-border-color); border-radius: 4px; background: var(--theme-page-background-color); } .infocard .main-heading .icon.frame.round { border-radius: 100%; } .infocard > .minicard { float: right; margin: -1em 1em 0.75em 0.75em; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); position: relative; z-index: 5; } @media screen and (max-width: 450px) { .infocard > .minicard { float: none; margin: 0; } } .infocard > .minicard .image { background: var(--theme-box-border-color); border-left: 1px solid var(--theme-box-border-color); border-right: 1px solid var(--theme-box-border-color); box-shadow: var(--theme-widget-shadow); } @media screen and (max-width: 450px) { .infocard > .minicard .image { width: 100% !important; text-align: center; } } .infocard > .minicard .content { border: 1px solid var(--theme-box-border-color); border-top: 0; background: var(--theme-background); border-radius: 0 0 4px 4px; padding: 0 0.75em; box-shadow: var(--theme-widget-shadow); } @media screen and (max-width: 450px) { .infocard > .minicard .content { width: 100% !important; } } .infocard > .minicard .content > .intro { margin-top: 0.75em; } .infocard > .minicard .content > dl { margin: 0.75em 0; } .infocard > .minicard .content dt { font-weight: bold; margin-top: 0.75em; } .infocard > .minicard .content dd { margin: 0; } .infocard > .minicard .content > .outro { margin-bottom: 0.75em; } .infocard .box { padding: var(--infocard-padding); margin: 1em 0; background-color: var(--theme-box-background); border: 1px solid var(--theme-widget-border-color); border-radius: 4px; } .infocard .box > .title { line-height: 1; display: inline-block; margin-left: var(--infocard-padding-negative); padding: 0 1em 0 var(--infocard-padding-half); min-width: 5em; border-left: var(--infocard-padding-half) solid transparent; border-left-color: transparent; } .infocard .box > .title > span { font-weight: var(--infocard-box-title-font-weight); font-size: var(--infocard-box-title-font-size); } .infocard .box > .content { margin-top: 4px; } .infocard.biome .main-heading + div { display: flex; flex-wrap: wrap; margin: 0 var(--infocard-padding-half-negative) var(--infocard-padding-negative); } .infocard.biome .main-heading + div > .box { margin: 0 var(--infocard-padding-half) var(--infocard-padding); flex: 1 1 auto; } .infocard.biome .main-heading + div > .box:last-child, .infocard.biome .main-heading + div > .box.last { flex: 10 10 auto; } .infocard.biome .main-heading + div > .box .dotlist { margin-top: -2px; } .infocard.biome .main-heading + div > .box .dotlist li { margin-top: 2px; } /********* [[Template:Navbox]] *********/ /**** new navbox: RANGER ****/ /** as of Module:navbox version 1.2.0 **/ /********************************************************** * Template:Navbox (RANGER) (needs semantic horizontal lists above) * ***********************************************************/ .ranger-navbox { --navbox-background: none; /* for entire navbox */ --navbox-margin: 0.5em auto; --navbox-padding: 4px; --navbox-gap: 3px; /* when using zero-value, it must be 0px */ --navbox-outer-border-color: var(--wiki-content-border-color--accent); --navbox-outer-border-width: 1px; --navbox-outer-border-style: solid; --navbox-outer-border-radius: 0px; --navbox-font-size: calc(1em - 2px); --navbox-title-color: var(--wiki-accent-label-color); --navbox-title-font-size: calc(125%); --navbox-title-background: var(--wiki-accent-color); --navbox-title-icon-color: var(--wiki-accent-label-color); --navbox-title-link-color: var(--navbox-title-color); --navbox-title-link-color--visited: var(--navbox-title-link-color); --navbox-title-link-color--hover: var(--wiki-accent-link-color); --navbox-title-redlink-color: var(--navbox-title-link-color); --navbox-title-link-decoration: underline solid; --navbox-title-redlink-decoration: underline wavy; --navbox-title-padding--y: 0.5em; --navbox-above-background: rgba(var(--wiki-content-text-color--rgb), 0.15); --navbox-above-color: var(--wiki-content-text-color); --navbox-above-padding: var(--navbox-list-padding); --navbox-below-background: var(--navbox-above-background); --navbox-below-color: var(--navbox-above-color); --navbox-below-padding: var(--navbox-above-padding); --navbox-header-color: var(--navbox-title-color); --navbox-header-font-size: calc(110%); --navbox-header-background: var(--navbox-title-background); --navbox-header-icon-color: var(--navbox-title-icon-color); --navbox-header-link-color: var(--navbox-title-link-color); --navbox-header-link-color--visited: var(--navbox-title-link-color--visited); --navbox-header-link-color--hover: var(--navbox-title-link-color--hover); --navbox-header-redlink-color: var(--navbox-title-redlink-color); --navbox-header-link-decoration: var(--navbox-title-link-decoration); --navbox-header-redlink-decoration: var(--navbox-title-redlink-decoration); --navbox-header-padding--y: 0.3em; --navbox-subheader-font-size: calc(100%); --navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2); --navbox-list-background: rgba(var(--wiki-content-text-color--rgb), 0.05); --navbox-list-background--striped: rgba(var(--wiki-content-text-color--rgb), 0.08); --navbox-list-color: var(--wiki-content-text-color); --navbox-list-padding: 0.25em 0.5em; /* --navbox-group-* also apply to .ranger-subgroup */ --navbox-group-text-align: left; --navbox-group-text-align--mobile: left; /* only for mobile view */ --navbox-group-background: rgba(var(--wiki-accent-color--rgb), 0.2); --navbox-group-color: var(--wiki-content-text-color); --navbox-group-padding: var(--navbox-list-padding); --navbox-tree-line-color: var(--navbox-group-background); --navbox-tree-line-width: 2px; --navbox-tree-indent: 1em; --navbox-tree-line-indent: 0.5em; --navbox-tree-line-spacing: var(--navbox-gap); --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-metalinks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --navbox-icon-offset--x: 0.5rem; /* should be an absolute length (rem-based or px-based) */ } .ranger-navbox.no-underline-title-links { --navbox-title-link-color: var(--wiki-accent-link-color); --navbox-title-link-decoration: none; --navbox-title-redlink-decoration: none; } .ranger-navbox.noborder, .ranger-navbox.no-border { --navbox-padding: 0px; --navbox-outer-border-width: 0px; } .ranger-navbox { border-color: var(--navbox-outer-border-color); border-style: var(--navbox-outer-border-style); border-width: var(--navbox-outer-border-width); border-radius: var(--navbox-outer-border-radius); padding: var(--navbox-padding); font-size: var(--navbox-font-size); margin: var(--navbox-margin); background: var(--navbox-background); line-height: 1.5; clear: both; } .ranger-navbox * { border: 0; } .ranger-navbox .center * { margin-left: unset; margin-right: unset; } .ranger-navbox, .ranger-navbox .ranger-section, .ranger-navbox .ranger-listbox { display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-title, .ranger-navbox .ranger-header { text-align: center; min-height: 1.5em; position: relative; z-index: 0; font-weight: bold; } .ranger-navbox .ranger-title { color: var(--navbox-title-color); background: var(--navbox-title-background); font-size: var(--navbox-title-font-size); padding: var(--navbox-title-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a:visited, .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited, .ranger-navbox .ranger-title a.external:hover { text-decoration: var(--navbox-title-link-decoration); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited { text-decoration: var(--navbox-title-redlink-decoration); } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited { color: var(--navbox-title-link-color); } .ranger-navbox .ranger-title a:visited { color: var(--navbox-title-link-color--visited); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited { color: var(--navbox-title-redlink-color); } .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a:visited:hover, .ranger-navbox .ranger-title a.external:hover, .ranger-navbox .ranger-title a.external:visited:hover { color: var(--navbox-title-link-color--hover); } .ranger-navbox .ranger-header { color: var(--navbox-header-color); background: var(--navbox-header-background); font-size: var(--navbox-header-font-size); padding: var(--navbox-header-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-sublist .ranger-header { font-size: var(--navbox-subheader-font-size); padding: var(--navbox-subheader-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a:visited, .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited, .ranger-navbox .ranger-header a.external:hover { text-decoration: var(--navbox-header-link-decoration); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited { text-decoration: var(--navbox-header-redlink-decoration); } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited { color: var(--navbox-header-link-color); } .ranger-navbox .ranger-header a:visited { color: var(--navbox-header-link-color--visited); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited { color: var(--navbox-header-redlink-color); } .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a:visited:hover, .ranger-navbox .ranger-header a.external:hover, .ranger-navbox .ranger-header a.external:visited:hover { color: var(--navbox-header-link-color--hover); } .ranger-navbox .ranger-meta { font-size: var(--navbox-title-font-size); position: absolute; left: var(--navbox-icon-offset--x); top: calc(var(--navbox-title-padding--y) + 0.08em); /* 0.08em: vertial offset tweak based on the icon graph */ display: block; } .ranger-navbox .ranger-meta .nv { --mask: var(--icon-metalinks); display: block; width: 0.84em; /* based on the icon graph */ height: 0.84em; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); } .ranger-navbox .ranger-meta .nv > a { display: block; width: 100%; height: 100%; opacity: 0; } .ranger-navbox .ranger-meta .nv > a > span { display: block; width: 100%; height: 100%; overflow: hidden; } .ranger-navbox .ranger-meta:has(.mw-selflink) { display: none; } .ranger-navbox, .ranger-navbox .ranger-section { position: relative; } .ranger .mw-collapsible-toggle-placeholder { display: none; } .ranger-navbox .ranger-title > .ranger-title-text, .ranger-navbox .ranger-header > .ranger-header-text { pointer-events: none; } .ranger-navbox .ranger-title > .ranger-title-text a, .ranger-navbox .ranger-header > .ranger-header-text a { pointer-events: auto; } .ranger-navbox .ranger-title > .mw-collapsible-toggle, .ranger-navbox .ranger-header > .mw-collapsible-toggle { --mask: var(--icon-chevron-down); position: absolute; right: 0; top: 0; z-index: -1; display: block; width: 100%; height: 100%; overflow: hidden; } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle { width: 1.5em; height: 1.5em; right: var(--navbox-icon-offset--x); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle { top: var(--navbox-title-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle { top: var(--navbox-header-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-sublist .ranger-header > .mw-collapsible-toggle { top: var(--navbox-subheader-padding--y); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle::before { content: ""; display: block; width: 1.5em; height: 1.5em; position: absolute; right: var(--navbox-icon-offset--x); -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); transform: scaleY(-1); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before { top: var(--navbox-title-padding--y); } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before { top: var(--navbox-header-padding--y); } .ranger-navbox .ranger-sublist .ranger-header > .mw-collapsible-toggle::before { top: var(--navbox-subheader-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle::before { top: 0; right: 0; } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before { background-color: var(--navbox-header-icon-color); } .ranger-navbox .ranger-title > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before { transform: none; } .ranger-navbox .ranger-title > .mw-collapsible-toggle *, .ranger-navbox .ranger-title > .mw-collapsible-toggle::after, .ranger-navbox .ranger-header > .mw-collapsible-toggle *, .ranger-navbox .ranger-header > .mw-collapsible-toggle::after { display: none; } .ranger-navbox .ranger-list { width: unset; padding: var(--navbox-list-padding); } .ranger-navbox .ranger-above { background: var(--navbox-above-background); color: var(--navbox-above-color); padding: var(--navbox-above-padding); width: unset; } .ranger-navbox .ranger-below { background: var(--navbox-below-background); color: var(--navbox-below-color); padding: var(--navbox-below-padding); width: unset; } .ranger-navbox .ranger-sublist { display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-section-body { display: grid; gap: var(--navbox-gap); grid-template-columns: auto minmax(0, 1fr); } .ranger-navbox .ranger-row { display: contents; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup { text-align: var(--navbox-group-text-align); white-space: nowrap; font-weight: bold; background: var(--navbox-group-background); color: var(--navbox-group-color); padding: var(--navbox-group-padding); width: unset; } /* for desktop view */ .ranger-navbox.group-align-left .ranger-group, .ranger-navbox.group-align-left .ranger-subgroup { --navbox-group-text-align: left; } .ranger-navbox.group-align-center .ranger-group, .ranger-navbox.group-align-center .ranger-subgroup { --navbox-group-text-align: center; } .ranger-navbox.group-align-right .ranger-group, .ranger-navbox.group-align-right .ranger-subgroup { --navbox-group-text-align: right; } /* for mobile view */ .ranger-navbox.mobile-group-align-left .ranger-group, .ranger-navbox.mobile-group-align-left .ranger-subgroup { --navbox-group-text-align--mobile: left; } .ranger-navbox.mobile-group-align-center .ranger-group, .ranger-navbox.mobile-group-align-center .ranger-subgroup { --navbox-group-text-align--mobile: center; } .ranger-navbox.mobile-group-align-right .ranger-group, .ranger-navbox.mobile-group-align-right .ranger-subgroup { --navbox-group-text-align--mobile: right; } .ranger-navbox .ranger-listbox > .ranger-wrap { background: var(--navbox-list-background); color: var(--navbox-list-color); flex-grow: 1; } .ranger-navbox .ranger-sublist { flex-grow: var(--count); } .ranger-navbox .ranger-listbox:first-child { /* A list-n without group-n */ grid-column-end: span 2; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox > .ranger-wrap { display: grid; justify-items: stretch; align-items: center; } .ranger-navbox.striped-even .ranger-even, .ranger-navbox.striped-odd .ranger-odd { background: var(--navbox-list-background--striped); } /* make links use full line height (larger click box)*/ .ranger-navbox .hlist a { display: inline-block; } .ranger-navbox .align-left, .ranger-navbox .alignleft { text-align: left; } .ranger-navbox .align-center, .ranger-navbox .aligncenter { text-align: center; } .ranger-navbox .align-right, .ranger-navbox .alignright { text-align: right; } /* responsive */ @media screen and (max-width: 720px) { .ranger-navbox .ranger-section-body, .ranger-navbox .ranger-sublist { display: flex; flex-flow: column; } .ranger-navbox .ranger-row { display: block; } .ranger-navbox .ranger-group + .ranger-listbox > .ranger-sublist:first-child, .ranger-navbox .ranger-subgroup + .ranger-listbox > .ranger-sublist:first-child { margin-top: var(--navbox-gap); } .ranger-navbox .ranger-listbox.empty { display: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup { text-align: var(--navbox-group-text-align--mobile); white-space: normal; } .ranger-navbox .ranger-sublist { padding-left: var(--navbox-tree-indent); margin-left: var(--navbox-tree-line-indent); } .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox { position: relative; } .ranger-navbox .ranger-group br, .ranger-navbox .ranger-subgroup br { display: none; } .ranger-navbox .ranger-sublist > .ranger-section > .ranger-header { margin-left: calc(0px - var(--navbox-tree-indent) - var(--navbox-tree-line-indent)); } .ranger-navbox .ranger-sublist .ranger-row > ::before { position: absolute; left: calc(0px - var(--navbox-tree-indent)); top: 0; width: var(--navbox-tree-line-width); height: 100%; content: ""; display: block; background-color: var(--navbox-tree-line-color); } .ranger-navbox .ranger-sublist .ranger-row > .ranger-listbox::before, .ranger-navbox .ranger-row.empty-list > .ranger-subgroup::before { height: calc(100% + var(--navbox-gap)); } .ranger-navbox .ranger-sublist .ranger-row:last-child > ::before { display: none; } .ranger-navbox .ranger-sublist .ranger-row:last-child > :first-child::before { display: block; height: calc(50% + var(--navbox-tree-line-width) / 2); } .ranger-navbox .ranger-subgroup::after, .ranger-navbox .empty-group > .ranger-listbox > .ranger-wrap::after { position: absolute; left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width)); width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-spacing) - var(--navbox-tree-line-width)); height: var(--navbox-tree-line-width); content: ""; background-color: var(--navbox-tree-line-color); } /* increase height for links */ .ranger-navbox .hlist { line-height: 2; } } /********************* * End Template:Navbox* **********************/ /* tweak RANGER for terraria wiki */ .ranger-navbox { --navbox-padding: 6px; --navbox-outer-border-color: var(--theme-box-border-color); --navbox-outer-border-radius: var(--theme-box-border-radius); --navbox-group-text-align: right; --navbox-font-size: calc(1em); --navbox-title-color: var(--theme-heading-color); --navbox-title-font-size: calc(1em + 4px); --navbox-title-icon-color: var(--theme-icon-color-link); --navbox-title-link-color: var(--theme-link-color); --navbox-title-link-color--visited: var(--theme-link-color-visited); --navbox-title-link-color--hover: var(--theme-link-color-hover); --navbox-title-redlink-color: var(--theme-link-color-redlink); --navbox-above-background: var(--theme-text-background-color-highlight); --navbox-above-color: var(--theme-text-color); --navbox-header-font-size: calc(1em + 2px); --navbox-header-padding--y: 0.25em; --navbox-title-background: var(--theme-highlight-background); --navbox-list-background: none; --navbox-list-background--striped: rgba(var(--theme-text-color--rgb), 0.08); --navbox-list-color: var(--theme-text-color); --navbox-group-background: var(--theme-box-background); --navbox-group-color: var(--theme-text-color); } .ranger-navbox.no-underline-title-links { --navbox-title-link-color: var(--theme-link-color); } .ranger-navbox .ranger-title, .ranger-navbox .ranger-header, .ranger-navbox .ranger-sublist .ranger-header { padding-left: 7px; text-align: left; } .ranger-navbox .ranger-meta { left: unset; right: 0.5rem; } .ranger-navbox .mw-collapsible-toggle + .ranger-meta { right: 2.875rem; } /*increase spacing between lines for {{item}}*/ .ranger-navbox .ranger-list .i { margin: 2px auto; } /**** old navbox: may be still used on language wikis ****/ /* subtemplates: * [[Template:Navbox/end]] * [[Template:Navbox/h1]] * [[Template:Navbox/h2]] * [[Template:Navbox/start]] * [[Template:Navbox/v.d.e]] */ .navbox { background: var(--theme-highlight-background); background-size: 100%; border-width: 1px; border-style: solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); box-sizing: border-box; padding: 6px; margin: 0.5em auto; width: 100%; max-width: 1800px; position: relative; clear: both; } .navbox .i { padding: 1px 0; } .navbox > .header { background: var(--theme-highlight-background); background-size: 100%; border-width: 1px; border-style: solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); text-align: left; font-size: 16px; font-weight: bold; line-height: 2; min-height: 1em; padding: 4px 70px 4px 6px; } .navbox > .vde { position: absolute; right: 10px; top: calc(2rem + 2px); font-size: 9px; line-height: 1; color: var(--theme-text-color-note); } .navbox .table > div > .title, .navbox .table > div > .h1, .navbox .table > div > .h2 { background: var(--theme-highlight-background); background-size: 100%; border-width: 1px; border-style: solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); } .navbox > .mw-collapsible-toggle { position: absolute; line-height: 1; right: 10px; top: 10px; font-size: 12px; } .navbox > .mw-collapsible-toggle > .mw-collapsible-bracket { display: none; } .navbox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 5px; height: 5px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .navbox > .mw-collapsible-toggle:after { content: ""; } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .navbox > .content { text-align: left; padding: 6px 6px 0; } .navbox > .content .dotlist + .dotlist { margin-top: 0.5em; } .navbox > .content > .dotlist + .dotlist { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--theme-body-text-color--hover); } .navbox .navbox { /* nested navbox */ border: 0; padding: 0; width: auto; margin: 0 -6px 6px -6px; } .navbox .navbox:last-child { margin: 0 -6px; } .navbox .navbox > .header { font-size: 14px; padding: 0 64px 0 6px; } .navbox .navbox > .mw-collapsible-toggle { right: 4px; top: 4px; font-size: 10px; } .navbox .navbox > .mw-collapsible-toggle:before { width: 3px; height: 3px; border-left: 1px solid var(--theme-link-color); border-top: 1px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .navbox .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 1px solid var(--theme-link-color); border-bottom: 1px solid var(--theme-link-color); top: -1px; } .navbox .h1 { font-weight: bold; margin-top: 0.5em; margin-bottom: 0.25em; line-height: 1.5; } .navbox .h1::after { content: ""; display: block; margin: auto auto auto 0; width: 5em; height: 0; border-bottom: 2px solid var(--theme-box-border-color); } .navbox .h1 + .h2 { margin-top: 0.5em; } .navbox .table > div:first-child .h1, .navbox .content > .h1:first-child { margin-top: auto; } .navbox .h2 { font-weight: bold; line-height: 1.5; margin-top: 0.25em; font-size: 12px; } .navbox .h2 + .h3 { margin-top: 0.5em; } .navbox .h3 { font-size: 10px; font-weight: bold; line-height: 1.5; } @media (max-width: 599px) { .navbox .table > div > .title::after, .navbox .table > .dotlist > .title::after { content: ":"; margin-right: 0.25em; } } @media (min-width: 600px) { .navbox .table { display: table; text-align: left; margin: -5px -7px -1px -7px; } .navbox .table > div { display: table-row; } .navbox .table > div > * { display: table-cell; padding: 4px 7px; vertical-align: middle; box-shadow: inset 0 0 0 1px var(--theme-page-background-color); } .navbox .table > div > .title, .navbox .table > div > .h1, .navbox .table > div > .h2 { background: var(--theme-highlight-background); text-align: right; line-height: 1.1; /*width: max-content;*/ } .navbox .table > div > .title .eil, .navbox .table > div > .h1 .eil, .navbox .table > div > .h2 .eil { white-space: normal; } .navbox .table > div > .title::after, .navbox .table > div > .h1::after { display: none; } .navbox .table .table { display: table; padding: 0; margin: 0 -1px 0 0; } .navbox .table .cell { padding: 0; } .navbox .table .cell > .dotlist { padding: 4px 7px; } } /********* [[Template:Coin]] *********/ .coins { white-space: nowrap; } .coins s { display: none; } .coin { white-space: nowrap; } .coin i { display: none; } .coin span::after { content: ""; display: inline-block; width: 12px; height: 16px; margin: -3px 2px auto; vertical-align: middle; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAQCAMAAACBWcfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURQAAAJN9IW+Nn1xnakwsDMu1R1xCEjI3SiE1P1QdCo+cnWBtj4iksOF1S/Hy6npbGUVMUKGsrbZXG/z4tpmsuFJXbe3Zeey3oOzw89XF45VDFq+h03o3Ea7CxDpXvFYAAAABdFJOUwBA5thmAAAAwUlEQVQoz43SSxKDIBREUXyCQVBRUBQ1+99m4MVQJf5yq3p4Zk2I74WRX4WPPHenuO/c9L1zTbO5omDMmOh2qvT9oTjvummKLqpgAKoKAB2ljGVZdDtVlnU9jujuFOdC5Hl0O1X5miYsKmOsTVUw86w1uifVtsEdFYCU7zeAc6iyTClrGaM0VVqv6zzX9aPK89YnxFFJOQxhyxKVUkdF0KEht4qg28xOfR0AmlBwm0lU8o1rdf2ow3spjeb6vffqtA8gqhYRvoCL8AAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: auto 16px; image-rendering: pixelated; /* for chrome */ image-rendering: crisp-edges; /* for firefox */ } .coin .pc::after { width: 14px; background-position: 0 50%; } .coin .gc::after { background-position: -15px 50%; } .coin .sc::after { background-position: -28px 50%; } .coin .cc::after { background-position: -41px 50%; } /********* [[Template:Multi-column TOC]] *********/ /* todo: 这个模板的样式是有问题的。看[[Recipes]] */ .horizontal-toc { /* to match styles of .toc */ border: 1px solid var(--theme-box-border-color); border-radius: 3px; margin: 24px auto 24px 0; } .horizontal-toc #toc { display: block; border: 0; padding: 0; margin: 0; } .horizontal-toc .toctitle { -webkit-column-span: all; column-span: all; margin-bottom: 9px; min-width: 0 !important; } .horizontal-toc .toctitle h2 { margin: 0; } .horizontal-toc .toctogglecheckbox:checked ~ .toctitle { margin-bottom: 0; } .horizontal-toc .toctogglecheckbox:checked ~ ul:after { display: none; } .horizontal-toc ul:after { content: ""; display: block; -webkit-column-span: all; column-span: all; height: 9px; } .horizontal-toc ul, .horizontal-toc ol { margin-top: 0; padding: 0; } .horizontal-toc ul li:first-child, .horizontal-toc ol li:first-child { margin-top: 0; } /********* [[Template:Quotation]] *********/ blockquote.quotation { position: relative; font-style: italic; padding: 0 1em; margin: 1em auto; overflow: hidden; border-left: none; /* Override default vector styling */ } blockquote.quotation > div.m { display: block; font: bold 5em Times New Roman, Times, Georgie, serif; line-height: 0.8; color: var(--theme-text-color-note); position: absolute; left: 0.2em; top: 0; } blockquote.quotation > div.c { padding: 0.25em 0 0 1em; margin-left: 3em; border-left: 1px solid var(--theme-text-color-note); display: inline-block; } blockquote.quotation > div.c > p:last-child { text-align: right; font-size: 0.9em; margin: 0; } @media (max-width: 640px) { blockquote.quotation { clear: both; } } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } .spoiler-content.show > *, .spoiler-content.hover:hover > * { pointer-events: unset; } /********* [[Template:Hp]] *********/ .hp { display: inline-block; vertical-align: middle; } .hp > div { margin: -2px; max-width: 260px; /* maximum number of hearts in one row: 10 */ } .hp > div > img, .hp > div > a { width: 22px; height: 22px; padding: 2px; } .hp > div .text-red { color: #fe9b9b; } .hp > div .text-golden { color: #e1ad60; } /********* [[Template:Living preferences]] *********/ .living-preferences .love { background-color: rgba(86, 229, 86, 0.4392156863); } .living-preferences .like { background-color: rgba(183, 229, 86, 0.4392156863); } .living-preferences .dislike { background-color: rgba(229, 189, 86, 0.4392156863); } .living-preferences .hate { background-color: rgba(229, 90, 86, 0.4392156863); } /********* [[Template:L10n subtemplate]] *********/ table.l10n-data-table tr:hover td { background-color: rgba(180, 0, 0, 0.05); } table.l10n-data-table th.all-lang, table.l10n-data-table th.lang { cursor: pointer; } table.l10n-data-table th.lang.en { cursor: auto; } table.l10n-data-table th.shrinked { padding-left: 0; padding-right: 0; } table.l10n-data-table th.shrinked code { padding-left: 1px; padding-right: 1px; } table.l10n-data-table th.shrinked small { display: none; } table.l10n-data-table td.shrinked { background-color: rgba(127, 127, 127, 0.05); } table.l10n-data-table td.shrinked > div { display: none; } /* Fade out the EN fallback strings more. The difference from regular strings is * not notable enough otherwise. */ .l10n-data-table .note-text { opacity: 0.5; } /********* Template:project *********/ .project { float: right; display: block; margin: -0.6em 0 0.5em; border: 1px solid var(--theme-box-border-color); background: var(--theme-highlight-background); padding: 0 7px; font-size: 90%; } /********* [[Template:GameText]] *********/ .gameText { white-space: pre-wrap; } /********* [[Template:Archive header]] *********/ .terraria.archive-header { text-align: center; padding: 10px; margin: 10px auto; background: var(--theme-highlight-background); } /********* [[Template:Dpl3]] *********/ .dpl3 { background-color: var(--theme-page-background-color--secondary); font: 120% Courier, monospace; } /********* [[Template:Archive-box]] *********/ .archive-box.terraria { float: right; width: 185px; margin-left: 0.5em; } .archive-box.terraria .archive-header { padding: 0.1em; font-size: 0.9em; color: var(--theme-text-color); background-color: var(--theme-box-border-color); text-align: center; -moz-border-radius: 7px; } .archive-box.terraria .searchbox.mw-inputbox-form .cdx-text-input { /* Codex text input fields impose a min-width of 256px which is sometimes too wide for archive-boxes (e.g. the default width of an archive-box is only 185px). We allow making them more narrow than 256px. */ min-width: unset; } /********* [[Template:Chance]] *********/ /* Legacy rule. As of [[Special:Diff/884944]], the template no longer uses <s> * to display hidden text. Some language wikis might not have updated the template * yet, so the rule is still kept here. */ .chance > s { display: none; } /********* [[Template:Flavor text]] *********/ .flavor-text { margin-bottom: 1em; } /********* [[Template:ToggleBox]] *********/ /* subtemplates: * [[Template:ToggleBox/end]] * [[Template:ToggleBox/handle]] * [[Template:ToggleBox/start]] */ .trw-toggleable .trw-togglehandle { color: var(--theme-link-color); cursor: pointer; } .trw-toggleable .trw-togglehandle:hover { color: var(--theme-link-color--hover); } .trw-toggleable.not-toggled .only-toggled, .trw-toggleable.toggled .only-not-toggled { display: none; } .trw-toggleable .trw-togglehandle > span:first-child { display: inline-block; } .trw-toggleable .trw-togglehandle > span:last-child { display: none; } .trw-toggleable.toggled .trw-togglehandle > span:first-child { display: none; } .trw-toggleable.toggled .trw-togglehandle > span:last-child { display: inline-block; } /********* [[Template:Sound]] *********/ /* All of these styles should only be applied if JavaScript is enabled (because * the functionality doesn't work otherwise); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ .client-js .sound { cursor: pointer; } .client-js .sound audio { /* hide the default HTML audio player */ display: none; } .client-js .sound.iconlast .sound-title::after, .client-js .sound.iconfirst .sound-title::before { /* speaker icon */ content: ""; display: inline-block; width: 1.143em; height: 1.143em; vertical-align: text-top; background: url(https://commons.wiki.gg/images/3/36/Audio.svg); background-size: contain; filter: var(--ooui--icon-normal-filter); } .client-js .sound .sound-title::after { /* for sound.iconlast */ margin-left: 2px; } .client-js .sound .sound-title::before { /* for sound.iconfirst */ margin-right: 2px; } .client-js .sound.sound-playing .sound-title::after, .client-js .sound.sound-playing .sound-title::before { /* color the speaker icon in the "progressive" color */ filter: var(--ooui--icon-progressive-filter); } /********* [[Template:Multi-column list]] *********/ /* correct webkit/chrome uneven margin on the first column*/ .responsive-columns ul, .responsive-columns ol { margin-top: 0; } .responsive-columns ul li:first-child, .responsive-columns ol li:first-child { margin-top: 0; } .mclist.block > ul { list-style: none; margin-left: 0; } @media screen and (max-width: 720px) { .mclist { overflow-x: auto; } .mclist li { display: block; text-overflow: unset; white-space: nowrap; overflow: unset; } } /********* [[Template:Itemlist]] *********/ .itemlist > ul { list-style: none; margin: 0; } .itemlist > ul > li { width: 10em; margin: 0.25em 1em 0.25em auto; display: inline-block; } /********* [[Template:Dotlist]] *********/ .dotlist { margin: auto; } .dotlist > .title { font-weight: bold; } .dotlist > .title::after { content: ""; display: inline-block; width: 0.25em; } .dotlist.nobold > .title { font-weight: normal; } .dotlist > ul { display: inline; list-style: none; margin: auto; /* please don't delete this line, we need it to remove default ul margin setting. */ } .dotlist > ul > li { display: inline-block; } .dotlist > ul > li::after { content: "•"; padding: 0 0.25em; word-break: break-all; } .dotlist > ul > li:last-child::after { display: none; } .dotlist.nodot > ul > li::after { content: "　"; padding: 0; margin: 0; } .dotlist.inline { display: inline; } .dotlist.inline > ul > li { display: inline; } .dotlist.l > .title { margin-right: 0.4em; } .dotlist.l > ul > li::after { margin-left: 0.25em; margin-right: 0.25em; } .dotlist.xl > .title { margin-right: 0.8em; } .dotlist.xl > ul > li::after { margin-left: 0.5em; margin-right: 0.5em; } .dotlist.xxl > .title { margin-right: 1.2em; } .dotlist.xxl > ul > li::after { margin-left: 0.75em; margin-right: 0.75em; } .dotlist.xxxl > .title { margin-right: 1.6em; } .dotlist.xxxl > ul > li::after { margin-left: 1em; margin-right: 1em; } .dotlist.xxxxl > .title { margin-right: 2em; } .dotlist.xxxxl > ul > li::after { margin-left: 1.25em; margin-right: 1.25em; } /********* [[Template:Toc limit]] *********/ /* Allows limiting TOCs to generate links for only header levels below a limit, for instance only level-3 (=== ===) and below. */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none !important; } /********* [[Template:Error]] *********/ .error { font-weight: bold; color: red; } /********* [[Template:Achievement]] *********/ div.achievement { display: flex; flex-wrap: nowrap; align-items: center; margin: 0.5em 0; } div.achievement > div { margin-left: 0.5em; } div.achievement .mw-selflink { font-weight: inherit; } /********* [[Template:History]] *********/ .history-header { background: none; margin: 0; padding-top: 0.5em; padding-bottom: 0.17em; border-bottom: none; font-size: 116%; font-weight: bold; } .history-title { font-weight: bold; } /********* [[Template:Key]] *********/ span.key { display: inline-block; white-space: nowrap; cursor: pointer; } span.key a:-webkit-any-link { text-decoration: none; } span.key kbd { color: black; border: 1px solid rgb(170, 170, 170); box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221); border-radius: 0.2em; background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238)); background-color: rgb(249, 249, 249); padding: 0.1em 0.4em 0.2em 0.3em; margin-right: 2px; font-size: 85%; font-family: inherit; font-style: normal; } /********* [[Template:Na]] *********/ .na { font-size: 90%; color: var(--theme-text-color-note); font-weight: bold; font-style: italic; } /********* [[Template:Color box]] *********/ .color-box { display: inline-block; margin: 1px 0; vertical-align: middle; } /********* [[Template:Transclude]] *********/ .transclude-box { float: right; margin: 0.6em 0 0.5em 0.6em; border: 1px solid var(--theme-box-border-color); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: var(--theme-highlight-background); padding: 0 7px; font-size: 90%; } /********* [[Template:Protected]] *********/ .protected-box { background: var(--theme-box-background); border-color: var(--theme-box-border-color); } .protected-box table { background: none; } .protected-box #left, .protected-box #right { width: 50%; vertical-align: top; padding: 1.3em; } .protected-box #left div, .protected-box #right div { font-size: 120%; font-weight: bold; margin-left: 1.3em; } .protected-box #left { padding: 1.3em 5% 1.3em 1.3em; } /********* [[Template:Loot]] *********/ .loot-table tr:nth-child(2).topline td { border-top: 0; } /********* [[Template:Editcopy notice]] *********/ .editcopy-notice { text-align: center; margin: 0.75em 2px 0; } .editcopy-notice > div { border: 1px solid var(--theme-box-border-color); -moz-border-radius: 5px; border-radius: 5px; background: var(--theme-highlight-background); padding: 0.5em; max-width: 25em; margin: auto; font-style: italic; } .editcopy-notice > div span { display: inline-block; } /********* [[Template:Licensebox]] *********/ .message-box.licensebox { /* override the "width:fit-content" from .message-box */ width: 100%; } .licensebox.licensebox_re-logic .icon, .licensebox.licensebox_fairuse .icon { filter: var(--ooui--icon-normal-filter); } /********* [[Template:Templatedata]] *********/ /* (The "table.terraria" is necessary to make the selector more specific than the default "table.terraria.lined" and thus override its styles.) */ table.terraria.templatedata-doc .templatedata-doc-param { /* Common styles for all parameters, regardless of mode */ font-weight: bold; padding-left: 8px; border-left: 5px solid; } table.terraria.templatedata-doc .templatedata-doc-param.param-required { border-left-color: var(--oouihelper--themerelated-lighter); } table.terraria.templatedata-doc .templatedata-doc-param.param-suggested { border-left-color: var(--oouihelper--disabled); } table.terraria.templatedata-doc .templatedata-doc-param.param-optional { border-left-color: var(--oouihelper--disabled-lighter-transparent); } table.terraria.templatedata-doc .templatedata-doc-param.param-deprecated { border-left-style: dotted; color: var(--theme-notice-red-text-color); background-color: var(--theme-notice-red-background-color); } table.terraria.templatedata-doc .templatedata-doc-param-illegal td { border: red 3px solid; } table.terraria.templatedata-doc .templatedata-doc-param-valuetrue { color: var(--theme-text-color-green); } table.terraria.templatedata-doc .templatedata-doc-param-valuefalse { color: var(--theme-text-color-red); } /********* [[Template:Summoned]] *********/ /* This template no longer exists on the English Terraria Wiki but it is still * used on the Terraria Mods Wiki and possibly some language wikis */ .summoned.infobox { text-align: center; padding-bottom: 12px; } .summoned.infobox .title { font-size: 12px; } .summoned.infobox .p { font-size: 14px; } /********* [[Template:GetDropInfo]] *********/ .dropinfo br { content: ""; } .dropinfo br::after { content: " / "; } .dropinfo .mode-content span + span::before { content: " / "; } /********* [[Template:Doc]] *********/ .feature, .documentation { background: var(--theme-box-background); border: 1px solid var(--theme-box-border-color); border-radius: 5px; padding: 10px; clear: both; } .documentation_header { padding-bottom: 3px; border-bottom: 1px solid var(--theme-box-border-color); } /********* [[Template:Exclusive icons]] *********/ /* Template:eicons .eico:before => d (.i1) .eico b:before => c (.i2) .eico b:after => o (.i3) .eico b => m (.i4) .eico i:before => 3 (.i5) .eico i:after => unused .eico i => unused .eico:after => unused */ .eico { --width: 0; --height: 16px; --small-scale: 0.75; --gap: 0; --base-gap: 2px; } .eico span { /* hidden text for SEO */ display: none; } .eico, .eico b, .eico i { padding-right: var(--width); } .eico, .eico:before, .eico:after, .eico b, .eico b:before, .eico b:after, .eico i, .eico i:before, .eico i:after { display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center center; height: var(--height); width: var(--width); margin-right: var(--gap); } .eico.s { margin-right: calc(-1 * var(--base-gap) * var(--small-scale)); } .eico.s, .eico.s b, .eico.s i { padding-right: calc(var(--width) * var(--small-scale)); } .eico.s, .eico.s:before, .eico.s:after, .eico.s b, .eico.s b:before, .eico.s b:after, .eico.s i, .eico.s i:before, .eico.s i:after { width: calc(var(--width) * var(--small-scale)); height: calc(var(--height) * var(--small-scale)); } .eico, .eico b, .eico i, .eico.s, .eico.s b, .eico.s i { width: auto; background-position: right center; } .eico.i1:before, .eico.i2 b:before, .eico.i3 b:after, .eico.i4 b, .eico.i5 i:before, .eico.i6 i:after { --gap: var(--base-gap); } .eico { color: transparent !important; font-size: 0 !important; line-height: 0 !important; vertical-align: middle !important; white-space: nowrap !important; margin-right: calc(-1 * var(--base-gap)); } .eico.j { /* Japanese console version */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAApElEQVQoka2SQQrEMAhFPaU5mgeb3sBF6CJpGrML6Z9NO0zoZJiWET4I6gO/kqrCzJBzviQzg/cetCwLRrG1hq21YT3n/BlQQ0AUgTJDmRFEUEMYAFIPqDFCmTER4bFrIoIyo8bY9ZrZGRBEXsPTriMPImdASqnbWZ3rht8h6lznyf8Bt1ZY1/W2iaWUMwD4/YxDwLsn3x6plALy3l9+40PzPOMJC/qV2WNuhKAAAAAASUVORK5CYII=); width: 16px; height: 12px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); } .eico.j.s { width: 12px; height: 9px; } .eico.i1:before { /* Desktop version */ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAACp0lEQVQokY2SzUuTcQDHf7haiHjwb/DgSeR3kFGtZeqaLufbHva0mpYoPOIYk9RGoBEmy0wmpEhkGyk8tmVmloHvNdG5x+m02V58aw7nG9Ompw4dvp0KvPW5fuBz+hDyn2g1GhXLMBzDajmGYTkdU8qVqQtURKPVqFidjititFyptpwr0lVyKl0lp9RWckq2glMxOq6U1XJqtbr6cH8PkZ19RLZ3cHJ0gNvqgmpSWFhQvX0Yg//oN7xxwHUMzMWBhTiwcgSEYr8QiZ1i+NMI3HMuuNwCBMED18w0SpRyPVEo5fpg9BA3atuQ++A1ch46oGh+j5LWYZQ/e4eG5/0IROP4PDaJaDSKra0wNta3EA2HUSCX64lSIdd7w/vIrX+Biv51lDki0L3Zxl1+DTV9S6jtGsZS5BT2wRFMTX7B+PgkpqenMTU2iizpRSOR58iMwuYBLtfbkN2xAFnHIq5YPLjaNoc88yiqOj5gZj0Ox/A4AoEQfD4fAqvfsRb0Q3ZJUkeysmTGr74fkJn6cM3ixvXubyjsCYLt3UQVH0ID78F46AQ9/BBWfX44nU7YXr2ERxAgyZTUEYkks84dCOPO07fQdTlR3euFgfehfjCIxiE/2j+uYGJ1D+3dNszOuzAxNYVlnxeCIIBmUBORSqV1iyurcC6vYza4C+/2TyxsxrAUPoY7tAuXbwPzy36o2VtQ39QgjymGimVQXFyMRJGYJ5RSLaXUlJ6ebqKUmqxWK2w2G6xWKyilpoyMDBOl1EQI6awxGlBz/x4etbfCYDAgkYg6z9yWmpraZLfbMTAwAIfDgbS0tKa/LjEpyfK41YxGczOa256gpaUFFxLOWc4EkpOTzdnZ2Xx+fj6vUCj4lJQU8z+ZQHgiSuCJWMQTsYgXi8X8eZGI/wPwz6C3jZnAMAAAAABJRU5ErkJggg==); --width: 16px; } .eico.i2 b:before { /* Console version */ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAACjklEQVQokY2SS08aYRiFv4UxI5dejCFk2kxQdEKMKa0/qQ1iqiVpKw29KKvZGYq0BEQtOCCKVSsCQ0UQhRkuVdA0WlQiRY0umvgbTheaxjQsfLZP3nPexSHkBu1axqBjWYNOqzOQBrRrGQPbrjWwDNvQE023xnp+cYKLkzPUj+vo6NRZb3r2MWs9PavhvH6Kyz+X6PzPE9LSZBGLEvJ5Caf136jXaijtlMF2d1s7ejqtHY9Ya3mvjHq9hsPKPqqHR5AkCU3yFsvVvVxpcTqdEEURmewGht+/xY9CDok1AdXqIY5rVVSrVQhCFJKUhdHwDIWcCEnKwuV2Qi5vsRAlpeRWFsMIzc7hzdArvB56iXeWIfi8bqTXE8iJEjLpDKa9Pgw+78fR0QH6jE+xMB/E0sIcZDKKIwpKyYWC80iuJuCdmsDIyAeImXXEoouIhBexvPQNkeUI4jEB6VQSL0wDcLk/IfE9ivnQDCiqmSMK5V3O7nAgHA7ji3cSodkg/NM+DAwa4fG44ZnyYHxyAv39feB5H+aCAXx2jOHrQggOhx0KhYwj1B3FMD/rx/7BTwjCChx2G+y2UYyPuzAT9GMjswmfn4fL7YTNNoox20fEYwJ+VfYQmOHR2npvmKhptTmRiuO4VsHWtoTVRBy8bxoKGcX16p/w+h49r9f38jKZjAsEAkiuJrFdLCGflxCNrUBNq8yE0TImUcygUMygvFOAIEQhU1Bcoy01K5u5SCSG3dIuSlvbyOclMAxjIg80GmN5dweFYg6xSBg0TZsbrvGaNlpljoajKEgFVPYq6NJqjeShRmPayGSRWlu7eu0W3Fe3mdPpTaSSaTBdGiMhhBC1ijbTKvWtAv4F0Spz23XpX3tXlLpeYi2zAAAAAElFTkSuQmCC); --width: 17px; } .eico.i3 b:after { /* Old-gen console version */ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAACcUlEQVQokXXRW0hTAQAG4PMSDdkl1+atmTbPEEw8bpKYI7TQKDNyRan54GWblacUzU1ZOtGz0mIuiYi00zY3tVLoxS4vBx8KJWPkhdxyO2qWVoRFtxfr4e+lAiX/1///nn6CWBcmUq63yeRolcagVRqnX9+vSasiRn9ZIsJqvRkrdB3sslhcUpAbI4dcjqXc/cDR4/hZdBK/6Gq0S6OxIeiQScHv2o1P6nR835eNH0UlaJNEbQwaFREYVachkJiMhdRUBHNy0RwT/3+gVUSZjoVLTB2yCDxNy8BYqhqdIhEKJeGmvXE7TGvGKlWC6dv7Jaz6AxjSn4EpIhZN8ig8MhjwxfcMn9+9QULCH6RQqcwzfBA8H8QNG4MB8wU0a7Ngy9Difn0tmJoq8HOvsLj0Ftvj481EJBln8c/PYnFxDtfbWoBQEI2ZWtgP5OD13T40nzJiIRTEfIgHSZIWIoUkLTPPx7Hsn0aXxYzQ42HcpCvB0kYEBvvRYjDgw0wA874XSI7eZiGyhDKrz+nBx5EnYBsaYa+twcNeFg/6WFgry3DLVI+VkRFMeb3YIxRbicMCqfWarhhO/VlMuO+A6x9AQw2Numoaw14Pvo6Nwm00ovNIAQ4JhVYihxAwVw7qYC8oxoT7HpZ9k+AnX2J2yo+FiWmMO124mJcHh06HPLGYIbLFW5muUiPaS8rRVFKO82UGnNOfRpWBRnVFJdpKK2ArPIGr5WXIDAtjCI1SmR8tEjn62R54brPwOt3odbnhdHvgdnkwyLow1N0D5RapI12pyv933iaJoDuRSuIoiuIoiuKSNBpup1rDUSkpnGizoPvv7jfmDU3XQ9W5ywAAAABJRU5ErkJggg==); --width: 12px; } .eico.i4 b { /* Mobile version */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAACZ0lEQVQokT3SyU8TYQBA8e8fU2OQqMQYCQejB3EFFO0ww0wBgSIBGmJAQGUKTmmhdNMGsNS2WEHKXqBYQUSw4sKFLXgwERA1zwOJh9/tHZ8QQghXp0d3OQK4nL04XX463F4MtxfD7ae96xl2l18XQgjh8nXrRpeXH/uwswcbB7D++9DWAWzvgs3ho9vn0YXd7WRj7y91zmGqPQtU+BYp9y9h8S5S60nS6HrFzi8wOjsRrYaN9PYumn2CQmeags5V8rpWueVcRXHMYzGGSG/9oUlvQzxpa+fjxj6m1hku29LkGqvkGmmuGCvkt6dQbMO824ZG3Y6wPW5lae0nN5oTnG9e5uKjpf8uPXxLXkuc2U2of+xANLQ0MfP5OxesQ5ypTZJtnSHbOsNZ6wLZdUnOW2OMrEFNiwNR1/SA0ZUtcu7FyKycIqtqjCzLBCctb8iqnOacJczQF6hqsiOq6+8z93WP0+YXHCmZ4NjdUTIqxjmqjZNpjnNGCzD8Ccob2hA11gYm329yqrCDE3IPxyU3mbKXjNs+sm57yCkyCCfXKa1tRFRW1TGdWiYYX6BvZJEXI/OEXqd4ObJCePgDwfgCiaVvVNTWIyrKLMwl54nFBpFlmdhABK1I4VUkhiqbiQ4OkkilMJeXIcpUM4mxCWKhCCWSSjQYRTapRMIDKEoRA9EQick4qlaEKNFUZqcmifYGMZuKed7Xzx1Jpj8cRCk2MRgOMTs+SmlJMULVFF2WJcL9IQKBAIFwD4HIU3pCfkLBAAP9EVRJQ5Kkw/NUTdUVRaVQvsNV5RrXtSsUSLlIpvzD8KaqCyHEP/2E67btctK/AAAAAElFTkSuQmCC); --width: 11px; } .eico.i5 i:before { /* 3DS version */ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAJCAYAAABT2S4KAAAD10lEQVQ4jYWSa0xTZxjHj9vM4pZJ39NKz/uWSOPYFJEQLk5AtrWCEm6aCaXQ0x5gzOkiIhMmAg4LzHA90nKJwUUCkngj2+IUw9wyQmEfliw776kW2JaBIc4GzcqEgNzaZx/EDzNuez7/n+T3/+XPUJZUUcQ5qQL/ThGZpCy5L7PYTVnyq4zINSeLP3QyfggAuKrKyrH30vZCZnqGN1cQfHlCDuRaLGAx8SsH8vPv1lirv7p587oRAF5lGIaZmZlRdXV2Vhw7UkjzhJyFPCEHVn+8VZWVd9xu91ZGVpJCGeHPKMJmJwpIdiIuiSJ8UGLxtzLCPllBFqX1/u2PJUlrNGSOqVklxEXHzLfZ7R3NoljW1NBQc7yk5IvUpOQHwUFvQLxOP9NQV9cGAOrG+noxOmr7yo7IqMXysvJLzaJYZjtz5uSpik/PNjU2fe12u7cyALCGec7JKrKXsmSOIgzUj/t+pq/vTd5oHMMqf0jQ66cHBwdjn2YBYK3D4Yg3m/gxjZqD7RGRyz3d3bbDhz76EStVkJiw+9HQ0FA2AKxdza8BgHUA8BLDMAzj3LgRSSrMSyw+ICvwUZkldhnhMQmRecqSW7fX+ccCAMdnrgLo9NMOh2Pns9Dnz507Fr4t1Ef81ZCf977r6uXLtnidbnZToBbidfrp48XF1y/29HwwMTGh/Udx14aAIIrIN1SBf5ZYPEIRfkARXqGIm5VZ7qr8iioCAPD/AfT396fE7Yhe4pQq2JeSdn9qairsy95eQ/HRolu7d+16FLJ5C7wVEblsyTb90t7aan04OUmeKDQYXpS0WsWoRqN0bdByt5WBwRRpDkos+YMiDJKfWp4srXgnOyt75D8NfH6+6KkBwWQanZubI6vKXxsYGNDV19a27ktNvafVBEBkWPjK6erqG8xvQUEvP28HroAAliIy/GQD6tlxg8liNJpc/7aB4eFhvcCbRzRqDsK3hfpa7HYRABQA8MIzloR3Y3cuqFklZBsyFxmKcI+sxGdlBSmUEcmSWS7DqSQFFHE3ZIQXKYsfS+v9u/7s6grJMhhH1awS4mJi5tvsrR3NolgmNjZWl5aU9KYlJU9t3vQ6vB0Tu1BltV7weDyh7W1tvSdPnOhuFsVTrTbbxy22lk+KCo70h2wJ9kWFhS/XWK19DGVJJ0XcHcqSe5KCPKQKMk0R9xdF+K6MyDXKkryfGOQHAFx5aenInvgEb0pi4pIxPcNrzMjwGfan+wz700HgzZ6K8vLvrly5dMjj8fgBgLK+tu6HHLPFK/A8CLx5JdcieAWeXyo8XODq6Og4PT4+Hvg3tXbwvaiwAi8AAAAASUVORK5CYII=); --width: 32px; } /********* [[Template:Etext]] *********/ .etxt { white-space: nowrap; } .etxt .eico { margin-left: calc(var(--base-gap) + 1px); margin-right: calc(var(--base-gap) + 1px); } .etxt .eico.s { margin-left: calc(var(--base-gap) * var(--small-scale) + 1px); margin-right: calc(var(--base-gap) * var(--small-scale) + 1px); } .etxt .eico:first-child { margin-left: auto; } .etxt .eico:last-child { margin-right: auto; } /********* [[Template:Exclusive icon link]] *********/ .eil { white-space: nowrap; } .eil > span:first-child { display: inline-block; /* gracefully wrap */ } .eil .eico { margin-left: 2px; } /********* [[Template:Hardmode]] *********/ abbr.hardmode > span.sep { padding: 0 0.3em; color: var(--theme-text-color-note); } /********* [[Template:Msgbox]] *********/ .message-box { margin: 1px auto var(--layout-gap); width: fit-content; background: var(--theme-box-background); border-radius: var(--theme-box-border-radius); overflow: hidden; display: grid; border: 1px solid var(--theme-box-border-color); grid-template-columns: 0fr 0fr 1fr; align-items: center; } .message-box::before { content: ""; display: block; pointer-events: none; width: 6px; height: 100%; /* darken a little */ background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--message-box-highlight-color, var(--theme-box-border-color)); } .message-box > div { grid-column: 3/4; padding: 6px 12px; } .message-box > .icon { padding: 6px 0 6px 12px; grid-column: 2/3; white-space: nowrap; } .message-box.msgbox-color-blue { --message-box-highlight-color: var(--theme-notice-blue-border-color); } .message-box.msgbox-color-red { --message-box-highlight-color: var(--theme-notice-red-border-color); } .message-box.msgbox-color-purple { --message-box-highlight-color: var(--theme-notice-purple-border-color); } .message-box.msgbox-color-yellow { --message-box-highlight-color: var(--theme-notice-yellow-border-color); } .message-box.msgbox-color-green { --message-box-highlight-color: var(--theme-notice-green-border-color); } .message-box.msgbox-color-orange { --message-box-highlight-color: var(--theme-notice-orange-border-color); } .message-box.msgbox-color-pink { --message-box-highlight-color: var(--theme-notice-pink-border-color); } /********* [[Template:Item]] *********/ .i { white-space: nowrap; display: inline-block; } .i .note2, .i .id { display: block; } .i > a.new { /* CSS trick for non-existent item images: a orange "?" image */ display: inline-block; width: 16px; height: 24px; text-indent: -9999px; direction: ltr; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNv1OCegAAAB3SURBVDhP5ZDdCoAgFIPPI/aY3fSMRrBJTOcRkW76YKDuhyiU64gyEmKeXuktxFoYKOdYdmh5QIu8OzVDznCaHsAHVmzOGoLN8aBCr8L3/QMZDFLfDWhhukiWB7TIO4WYh8HtA7Bztg2oYOf0yo9g57Dwm38QcQN+/9SIQx7WTAAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center center; } .i > img, .i > span.img, .i > a { /* item image block */ display: inline-block; line-height: 0; vertical-align: middle; } .i > img + span, .i > span.img + span, .i > a + span { /* "main" text block after item image */ margin-left: 2px; } .i > img, .i > span.img img, .i > a img { /* item image */ margin: 1px; } .i > span { display: inline-block; text-align: left; } .i > span + span { /* "bignote" after text block */ margin-left: 3px; } .i.multi-line > span, .i.-w > span, .i.break > span { line-height: 18px; vertical-align: middle; } .i.break > span { white-space: normal; } .i .note { color: var(--theme-text-color-note); font-size: var(--font-size-s); } .i > span:first-of-type > .eico { font-size: var(--font-size-xs); vertical-align: middle; } .i > span:first-of-type > .note2 { /*note2*/ font-size: 100%; line-height: 1; } .i > span:first-of-type > .eico, .i > span:first-of-type > span.note { margin-left: 3px; } .i.-w > span:first-of-type > .eico:last-child, .i.-w > span:first-of-type > span.note:last-child, .i.-w > span.img + span > .eico:last-child, .i.-w > span.img + span > span.note:last-child { display: block; margin-left: 1px; /* visually left align */ } .i.-w > span:first-of-type > span.note:last-child, .i.-w > span.img + span > span.note:last-child { line-height: 1; } .i .id { font-size: var(--font-size-xs); background-color: var(--theme-highlight-background); font-weight: bold; margin-top: 1px; padding: 0 2px; } .i.boldname > span:first-of-type span:first-child { font-weight: bold; } .i.notecolor span.note { color: inherit; } .i.note2color .note2 { color: inherit; } .i.block, .i.block > span:first-child, .i.allblock, .i.allblock > * { display: block; } .i.allblock > * { text-align: inherit; } .i.notesize span.note { font-size: 100%; } .i.note2size span .note2 { font-size: var(--font-size-s); } .i.alignleft { text-align: left; } .i.aligncenter { text-align: center; } .i.alignright { text-align: right; } .i.textleft > span { text-align: left; } .i.textcenter > span { text-align: center; } .i.textright > span { text-align: right; } .i.flip > a:first-child img, .i.flip > img:first-child { transform: scaleY(-1); } .i.mirror > a:first-child img, .i.mirror > img:first-child { transform: scaleX(-1); } .i.rotate90 > a:first-child img, .i.rotate90 > img:first-child { transform: rotate(90deg); } .i.rotate180 > a:first-child img, .i.rotate180 > img:first-child { transform: rotate(180deg); } .i.rotate270 > a:first-child img, .i.rotate270 > img:first-child { transform: rotate(270deg); } td.il1c .i { display: block; text-align: center; } td.il1c .i.alignleft { text-align: left; } td.il1c .i.alignright { text-align: right; } td.il2c .i { display: block; text-align: left; } table.item-noborder td.il1c { border-right: 0 !important; padding-right: 1px; } table.item-noborder td.il2c { border-left: 0 !important; padding-left: 1px; } /********* [[Template:Reflist]] *********/ /* based on https://en.wikipedia.org/wiki/Template:Reflist/styles.css */ .reflist { font-size: 90%; /* Default font-size */ margin-bottom: 0.5em; list-style-type: decimal; } .reflist .references { font-size: 100%; /* Reset font-size when nested in div.reflist */ margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } /* Reset top margin for lists embedded in columns */ .reflist-columns { margin-top: 0.3em; } .reflist-columns ol { margin-top: 0; } /* Avoid elements breaking between columns */ .reflist-columns li { page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ break-inside: avoid-column; } .reflist-upper-alpha { list-style-type: upper-alpha; } .reflist-upper-roman { list-style-type: upper-roman; } .reflist-lower-alpha { list-style-type: lower-alpha; } .reflist-lower-greek { list-style-type: lower-greek; } .reflist-lower-roman { list-style-type: lower-roman; } /********* [[Template:Translation projects]] *********/ #indic-project.collapsed .text-wrapper { display: none; } #indic-project.expanded { border: 1px solid var(--theme-box-border-color); border-radius: 0.2em; padding: 0.5em; background: var(--theme-box-background); } #indic-project.expanded #indic-project-flag { margin-left: 1em; } .client-js #indic-project-flag { /* the cursor should not be pointer if JavaScript is disabled (because * the flag can't be clicked in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ cursor: pointer; } #indic-project-flag > img { border: 1px solid var(--theme-box-border-color-light); /* border around the flag to improve visibility */ } /********* [[Template:Yes]], [[Template:No]] *********/ .t-yes, .t-no { width: 20px; height: 20px; display: inline-block; color: transparent; background-size: contain; } .t-yes { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABKVBMVEX///8POg9bzFsSqBIPhg8POg8POg8POg8POg8eVx4POg8POg8dVR0POg8cVBwPOg8POg8cVBwVRhUPOg8POg8cUhwWSBYPOg8POg8bUBsYTBgPOg8POg8aTxoZTRkPOg8WSBYXShcPOg8POg9WwlY1hDVVwFU6vDpRx1EyfTIyuDISqBI7vDtLrUtTvlMvti8SohI2tzZNsU0stSwRmhEnpCdRvVEosygQlxAopChOsk5Ptk89kz1RvFEmsiYQlhAppClRuVFAv0BMxEwYSxhPuk8jsCMRlBErpitOtE4pbClZy1kgryAVqRVDwENWyVYhsCERkxEspywveC9Ow04UkhQRnhEZpxkQkBAuqS4udi5QxFASjhIPhg8tdC1SxlI2sDYtcy3///96G+hpAAAAJHRSTlMAAAAAADaZZjPzeDDwYPCHLe3eGyrt25Z17d+QJ+rfGNjZFU4CAy6JAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+QIExEnKMFJk1wAAAABb3JOVAHPoneaAAAAxElEQVQY02NgIAEwIgFWNnZGRpAgEwJwcKqockEEmWGAm0dNXUOTF0WQm09NS1tHlx8iyAIGAoJ6+gaGRkLCSIIionrGJqZGYsIQM4XFJYBikmbmFpZWYsJMYEFhKWsbaRlZWzt7B6AYM0RQztHJ2cbF1c3dw1NMngUq6OXt4+vnHxAYBBKDCXIFh4SGhUdEeioAxWCCTFxR0TGxkZ6KIDG4IDNXXHyCtaISC7IgExNXIlAMFgCMsFBSZldCBBUpQYwNAADsdBhCcqhwpwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wOC0xOVQxNzozOTo0MCswMDowMF4hGvUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDgtMTlUMTc6Mzk6NDArMDA6MDAvfKJJAAAAIHRFWHRzb2Z0d2FyZQBodHRwczovL2ltYWdlbWFnaWNrLm9yZ7zPHZ0AAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADIw3+GomQAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAyMCdOaBQAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTU5Nzg1ODc4MM3733wAAAAOdEVYdFRodW1iOjpTaXplADBCyW8Y7QAAADZ0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL3RtcC90aHVtYmxyL2ltZzExODc4ODM3MDA5OTYzNjkxNjgz9+auPAAAAABJRU5ErkJggg=="); } .t-no { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABMlBMVEX///9eAAD/YmL+AADGAABeAABeAABeAABeAABeAAByDAxeAAByDAxeAABeAABzDQ1eAABeAABxDAxeAABeAABeAABzDQ1rCAh3Dw9tCQl5ERFuCgpeAABeAAB1Dg5yDAxeAABlBAReAABeAABeAABvCgpzDQ1eAABzDQ1eAABeAACvMjLoVFSiKiqsLy//Vlb/NjbqVVX/Ojr/VVWoLS3kUlL/NDT+AAD+MDDsVlb/MzPbTEzuWFj+Ly//MjKEFxf+Li7hUFD/YmLyWlr+FxfmU1OLHBz+FRX+GRmAFRX+Kyv7AADwERH+LCzyAADoHR3kGhrsAAD1JSXYAADhFxeGGBjgFhbTAADwJibsIyPHAADiGBjGAADmICD4SkroICDoHx/4Tk6uMDCmLCyeJyf///8Bf9RuAAAAK3RSTlMAAAAAAFRmG05+4R7fdWDfV4fkPIQk5+Do4+jnIUXn2RWKP3hp4eVR4nKZPdb+ugAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQflAhEQMQDCQ+fJAAAA7klEQVQY02NgIAUwMrKysTOCADsbByMjRJCJU1uHi5uJiYmdR0eXFyrIp6dvABRlZuc3NDI2EYAICpqamVvoCAnzW1qZW1mLQARFxWxsze107C3tzB0cxdmhZopK2FiYmznZmtuaSnLDLGISlXK2Mncxt3WVlmGCCzLLujm5m3s4ecoyIwRlxAy9vH287XSE2OGCQDFfP3+ngEArHR52qKCMnGVQcIhOqE1YeISOvAJEUNEmMirAlUtJzjI6JlZHGSKooh0Xb6rKziKjZpmQmKQONVMkGSgG9Du3hk6KJiMslFS0IKHErcUGCyUKAAAKiSBmgCLl9AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xN1QxNjo0OTowMCswMDowMGR5URYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTdUMTY6NDk6MDArMDA6MDAVJOmqAAAAIHRFWHRzb2Z0d2FyZQBodHRwczovL2ltYWdlbWFnaWNrLm9yZ7zPHZ0AAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADIw3+GomQAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAyMCdOaBQAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTYxMzU4MDU0MP1XuP0AAAAQdEVYdFRodW1iOjpTaXplADgxN0Iis7AJAAAANXRFWHRUaHVtYjo6VVJJAGZpbGU6Ly8vdG1wL3RodW1ibHIvaW1nNzI4Nzk1MDY5NDMyNjgxODQ2NAFjgaMAAAAASUVORK5CYII="); } /********* [[Template:Expert]], [[Template:Master]], [[Template:Journey]] *********/ abbr.mode-exclusive { text-decoration: none; } .mode-exclusive { font-weight: bold; } .mode-exclusive[title] { cursor: pointer; } .mode-exclusive > span.postfix { display: none; } .mode-exclusive > span.sep { padding: 0 0.3em; color: var(--theme-text-color-note); } .money .mode-exclusive > span.sep { padding: 0 0.5em; } .expert { color: var(--custom-template-expert-color); } .master { color: var(--custom-template-master-color); } .journey { color: var(--custom-template-journey-color); } /********* [[Template:Use time]], [[Template:Knockback]] *********/ .usetime, .knockback { font-size: 10.5px; font-weight: bold; } /********* [[Template:Hatnote]] *********/ /* * "Hatnote"-style templates: * [[Template:About]] * [[Template:Dablink]] * [[Template:Distinguish]] * [[Template:Forlist]] * [[Template:Main]] * [[Template:Redirect]] * [[Template:See_also]] */ .hat-note { margin: 8px auto 8px 24px; font-style: italic; } .hat-note i { /* italics inside the italicized hatnote: revert to normal */ font-style: initial; } .hat-note.no-indent { margin-left: auto; } /********* [[Template:Float file box]] *********/ .floatfilebox { /* infobox-like styling */ border: 1px solid var(--theme-box-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; text-align: center; width: 150px; margin: 0.5em 1em 0.5em 0; } .floatfilebox.float-right { float: right; margin-right: 0; margin-left: 1em; } .floatfilebox.float-left { float: left; } .floatfilebox.float-none { float: none; } .floatfilebox > div { /* row elements */ padding: 3px 4px; } .floatfilebox > div.title { /* "title" row elements */ background-color: var(--theme-highlight-background); font-weight: bold; margin-bottom: 0.5em; padding-top: 5px; padding-bottom: 5px; } .floatfilebox > div.title:not(:first-child) { /* space above "title" rows, but not if the "title" row is the very first row */ margin-top: 0.5em; } .floatfilebox > .floatfilebox-even + div { /* little bit of space after every 2 rows */ margin-top: 0.5em; } /********* [[Template:Info request]] *********/ .terraria.info-request { width: 80%; margin: auto auto 7px; } .terraria.info-request .info-request-pretext { font-size: 90%; line-height: 18px; } .terraria.info-request .info-request-main { font-weight: bold; padding: 2px 10px 5px 10px; background: var(--theme-box-background); border: 1px solid var(--theme-border-color); border-radius: 0.2em; } .terraria.info-request .info-request-posttext { font-size: 90%; padding-bottom: 0; margin-bottom: 0; } /********* [[Template:Shortcut]] *********/ .shortcutbox { /* infobox-like styling */ border: 1px solid var(--theme-box-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; text-align: center; margin: 0 0 0.5em 1em; float: right; clear: right; } .shortcutbox > div { padding: 2px 3px; } .shortcutbox > div.title { background-color: var(--theme-highlight-background); font-weight: bold; padding-top: 3px; padding-bottom: 3px; } /********* [[Template:Animation]] *********/ @keyframes spr-ani { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .spr-ani { display: inline-block; overflow: hidden; vertical-align: middle; } .spr-ani img { image-rendering: pixelated; animation: calc(var(--frames) * var(--interval, 1) * 1s / 60) steps(var(--frames)) infinite spr-ani; width: 100%; height: auto; } .spr-ani.block { display: block; } /********* [[Template:Space altitude calculator]] *********/ .space-altitude-calculator-fakeinput { display: inline-block; vertical-align: middle; line-height: 1.42857143em; height: 1.2em; padding: 6px 9px; width: 5ch; background-color: var(--ooui--textarea-background-color); border-color: var(--ooui--textarea-border-color); cursor: text; } .space-altitude-calculator-input { max-width: 7ch; margin-right: 1px; } .space-altitude-calculator-input .oo-ui-inputWidget-input { text-align: right; } .space-altitude-calculator-output { display: none; font-style: italic; color: var(--theme-text-color-em); } /*********************************************************************************************************** * CSS that only affects specific content pages ***********************************************************************************************************/ /********* [[Terraria Wiki]] *********/ /* Wiki main page. * The responsive layout relies on [[MediaWiki:Common.js]] to adapt to different skins. */ #box-wikiheader, #box-game, #box-news, #box-items, #box-biomes, #box-mechanics, #box-npcs, #box-bosses, #box-events, #box-software, #box-wiki { border: 1px solid; border-color: var(--theme-widget-border-color); border-radius: 8px; } body.rootpage-Terraria_Wiki.action-view h1.firstHeading, body.rootpage-Terraria_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Terraria_Wiki.action-view #mw-content-text::before { /* Hide page title on main page */ display: none; } body.rootpage-Terraria_Wiki #mw-indicator-translation-project { /* Hide the translation project flag */ display: none; } body.rootpage-Terraria_Wiki #mainpage-wrapper { /* main wrapper min width */ min-width: 300px; } body.rootpage-Terraria_Wiki #mainpage-wrapper .section { margin: 0; } body.rootpage-Terraria_Wiki #mainpage-wrapper .section .infocard { width: auto; margin: 2px; } body.rootpage-Terraria_Wiki .infocard { /* boxes */ min-width: 200px; } body.rootpage-Terraria_Wiki .infocard .outro { padding-top: 2px; } body.rootpage-Terraria_Wiki .infocard.compact { --infocard-main-heading-font-size: 1.5em; } body.rootpage-Terraria_Wiki .infocard.compact .heading { margin-top: 0; } body.rootpage-Terraria_Wiki .mclist { column-gap: 0.5em; } @media (max-width: 360px) { body.rootpage-Terraria_Wiki .mclist { column-gap: 0; } } body.rootpage-Terraria_Wiki .mclist ul { list-style: none; margin: 0; } body.rootpage-Terraria_Wiki #box-wikiheader { /* header box */ background: var(--theme-highlight-background); margin-bottom: 2px; padding: 7px; position: relative; border: 1px solid; border-color: var(--theme-widget-border-color); } body.rootpage-Terraria_Wiki #box-wikiheader > div { background: var(--theme-background); width: 100%; } body.rootpage-Terraria_Wiki #box-wikiheader > div > div { margin: auto; padding: 8px 5px; } body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link { position: absolute; bottom: 7px; left: 50%; line-height: 1; cursor: pointer; font-size: 10px; display: none; width: 16em; margin-left: -8em; text-align: center; } body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link span { display: none; width: 6em; text-align: center; padding: 3px 0; } body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link span:first-child::before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link span:last-child::before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } body.rootpage-Terraria_Wiki #box-wikiheader .main-title { flex: 1 1 404px; text-align: center; position: relative; margin: 3px 0; font-size: 12px; } body.rootpage-Terraria_Wiki #box-wikiheader .main-title > span { font-size: 200%; line-height: 1; margin-bottom: 4px; color: var(--theme-text-color-highlight); } body.rootpage-Terraria_Wiki #box-wikiheader .main-title > span > span { display: inline-block; } body.rootpage-Terraria_Wiki #box-wikiheader .main-title > span + div { margin: auto 0.25em; } body.rootpage-Terraria_Wiki #box-wikiheader .main-title .statistics { margin: 0.5em auto; } body.rootpage-Terraria_Wiki #box-wikiheader .related-info { flex: 1 1 1230px; position: relative; /*background: var(--theme-page-background-color);*/ overflow: hidden; margin: 2px 0; } body.rootpage-Terraria_Wiki #box-wikiheader .related-info .ii { margin: 5px 1em; text-align: center; } body.rootpage-Terraria_Wiki #box-wikiheader .related-info .ii li { margin: 0; } body.rootpage-Terraria_Wiki #latest-version { line-height: 1; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0.5em 0; font-size: 12px; } body.rootpage-Terraria_Wiki #latest-version * { vertical-align: middle; } body.rootpage-Terraria_Wiki #latest-version a:hover { text-decoration: none; } body.rootpage-Terraria_Wiki #latest-version a.external { padding: 0; background: none; color: var(--theme-link-color); } body.rootpage-Terraria_Wiki #latest-version ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 2px; } body.rootpage-Terraria_Wiki #latest-version ul li { display: flex; justify-content: center; align-items: center; margin: auto 4px; } body.rootpage-Terraria_Wiki #latest-version ul li > div { margin: auto auto auto 3px; text-align: left; } body.rootpage-Terraria_Wiki #latest-version ul li > div > * { display: block; } body.rootpage-Terraria_Wiki #latest-version ul li > div.pic > * { display: inline; } body.rootpage-Terraria_Wiki #latest-version ul li > div > span { font-size: 9px; } body.rootpage-Terraria_Wiki #latest-version ul li > div > strong { font-size: 15px; padding: 2px 0; } body.rootpage-Terraria_Wiki #latest-version ul li > div > small { font-size: 9px; color: var(--theme-text-color-note); } body.rootpage-Terraria_Wiki #latest-version ul:first-child li:first-child { margin-left: auto; } body.rootpage-Terraria_Wiki #latest-version ul:last-child li:last-child { margin-right: auto; } body.rootpage-Terraria_Wiki #latest-version div.pic { text-align: center; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version { margin: 0.25em auto 0; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version ul:first-child li:first-child { margin-left: 4px; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version ul:last-child li:last-child { margin-right: 4px; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version ul li { margin: 0.25em 0.5em; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable .main-title > span { display: block; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable .related-info { margin: 0.25em auto 0; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable .related-info .ii { margin: 0.25em 1em; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable > div { padding-bottom: 15px; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #box-wikiheader-toggle-link { display: inline-block; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #box-wikiheader-toggle-link span { display: inline-block; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #box-wikiheader-toggle-link span:first-child { display: none; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed .related-info { display: none !important; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed .main-title .statistics { display: none; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed #box-wikiheader-toggle-link span:first-child { display: inline-block; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed #box-wikiheader-toggle-link span:last-child { display: none; } body.rootpage-Terraria_Wiki #main-section .sep { display: none; width: 100%; height: 0; } body.rootpage-Terraria_Wiki #main-section li { margin-bottom: 1px; } body.rootpage-Terraria_Wiki .box-row-l #main-section #sep-D { display: block; } body.rootpage-Terraria_Wiki .box-row-m #main-section #sep-B, body.rootpage-Terraria_Wiki .box-row-m #main-section #sep-E { display: block; } body.rootpage-Terraria_Wiki .box-row-s #main-section #sep-B, body.rootpage-Terraria_Wiki .box-row-s #main-section #sep-D, body.rootpage-Terraria_Wiki .box-row-s #main-section #sep-F { display: block; } body.rootpage-Terraria_Wiki #box-game { flex: 3 0 960px; } body.rootpage-Terraria_Wiki #box-game .i { line-height: 60px; } body.rootpage-Terraria_Wiki #box-game .intro { margin-right: 1em; } body.rootpage-Terraria_Wiki #box-game .mclist { columns: 5; } body.rootpage-Terraria_Wiki #box-game .mclist li { height: 60px; } body.rootpage-Terraria_Wiki .width-a#box-game { flex: 2 0 640px; } body.rootpage-Terraria_Wiki .width-a#box-game .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-b#box-game { flex: 3 0 840px; } body.rootpage-Terraria_Wiki .width-c#box-game { flex: 19 0 640px; } body.rootpage-Terraria_Wiki .width-c#box-game .mclist { columns: 4; margin: auto; } body.rootpage-Terraria_Wiki .width-d#box-game { flex: 1 1 1000px; } body.rootpage-Terraria_Wiki .width-d#box-game .mclist { columns: 5; } body.rootpage-Terraria_Wiki .width-e#box-game .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-f#box-game .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-g#box-game .mclist { columns: 2; } body.rootpage-Terraria_Wiki #box-news { flex: 1 0 480px; display: flex; flex-direction: column; } body.rootpage-Terraria_Wiki #box-news .main-heading { flex: none; } body.rootpage-Terraria_Wiki #box-news .news ul { margin-top: 0; } body.rootpage-Terraria_Wiki #box-news .outro { flex: 1 0 auto; display: flex; flex-direction: column; } body.rootpage-Terraria_Wiki #box-news .more { display: block; font-style: italic; font-size: 85%; margin-left: 2em; margin-top: 0.5em; flex: 1 0 auto; } body.rootpage-Terraria_Wiki #box-news .links { margin-top: 0.25em; margin-bottom: 0.25em; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around; /*fallback*/ justify-content: space-evenly; } body.rootpage-Terraria_Wiki #box-news .links span { margin: 0.75em 0.25em 0; display: inline-block; } body.rootpage-Terraria_Wiki .width-a#box-news { flex: 1 0 320px; } body.rootpage-Terraria_Wiki .width-b#box-news { flex: 1 0 280px; } body.rootpage-Terraria_Wiki #box-items { flex: 2 0 auto; } body.rootpage-Terraria_Wiki #box-items .i { line-height: 28px; } body.rootpage-Terraria_Wiki #box-items .i > a:first-child { display: inline-block; width: 20px; text-align: center; } body.rootpage-Terraria_Wiki #box-items .mclist { columns: 3; } body.rootpage-Terraria_Wiki #box-items .mclist li { height: 28px; } body.rootpage-Terraria_Wiki .width-a#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-b#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-items .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-d#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-e#box-items { flex: 1 1 320px; } body.rootpage-Terraria_Wiki .width-e#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-items { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-f#box-items .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-g#box-items .mclist { columns: 6; } body.rootpage-Terraria_Wiki .width-h#box-items .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-i#box-items .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-j#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki #box-biomes { flex: 2 0 auto; } body.rootpage-Terraria_Wiki #box-biomes .i { line-height: 28px; } body.rootpage-Terraria_Wiki #box-biomes .i > a:first-child { display: inline-block; width: 22px; text-align: center; } body.rootpage-Terraria_Wiki #box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki #box-biomes .mclist li { height: 28px; } body.rootpage-Terraria_Wiki .width-a#box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-b#box-biomes .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-d#box-biomes .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-e#box-biomes { flex: 1 1 430px; } body.rootpage-Terraria_Wiki .width-e#box-biomes .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-biomes { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-f#box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-g#box-biomes .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-h#box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-i#box-biomes .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-j#box-biomes .mclist { columns: 1; } body.rootpage-Terraria_Wiki #box-mechanics { flex: 2 0 auto; } body.rootpage-Terraria_Wiki #box-mechanics .i { line-height: 28px; } body.rootpage-Terraria_Wiki #box-mechanics .i > a:first-child { display: inline-block; width: 20px; text-align: center; } body.rootpage-Terraria_Wiki #box-mechanics .mclist { columns: 3; } body.rootpage-Terraria_Wiki #box-mechanics .mclist li { height: 28px; } body.rootpage-Terraria_Wiki .width-a#box-mechanics .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-b#box-mechanics .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-mechanics { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-c#box-mechanics .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-d#box-mechanics .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-e#box-mechanics .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-mechanics .mclist { columns: 1; } body.rootpage-Terraria_Wiki #box-npcs { flex: 3 0 720px; } body.rootpage-Terraria_Wiki #box-npcs .i { line-height: 32px; } body.rootpage-Terraria_Wiki #box-npcs .i > a:first-child { display: inline-block; width: 32px; text-align: center; } body.rootpage-Terraria_Wiki #box-npcs .mclist li { height: 32px; } body.rootpage-Terraria_Wiki #box-npcs .prehardmode { padding-right: 40px; flex: 1 0 auto; } body.rootpage-Terraria_Wiki #box-npcs .prehardmode .mclist { columns: 3; } body.rootpage-Terraria_Wiki #box-npcs .hardmode { flex: 1 0 150px; } body.rootpage-Terraria_Wiki .width-a#box-npcs { flex: 2 0 460px; } body.rootpage-Terraria_Wiki .width-a#box-npcs .prehardmode { padding-right: 0; } body.rootpage-Terraria_Wiki .width-a#box-npcs .prehardmode .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-a#box-npcs .hardmode { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-b#box-npcs { flex: 2 0 auto; } body.rootpage-Terraria_Wiki .width-b#box-npcs .prehardmode { padding-right: 20px; } body.rootpage-Terraria_Wiki .width-b#box-npcs .hardmode { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-c#box-npcs { flex: 2 0 auto; } body.rootpage-Terraria_Wiki .width-c#box-npcs .prehardmode { padding-right: 1em; flex: 2 0 auto; } body.rootpage-Terraria_Wiki .width-c#box-npcs .prehardmode .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-npcs .hardmode { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-d#box-npcs { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-d#box-npcs .prehardmode .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-e#box-npcs { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-e#box-npcs .prehardmode { width: 100%; padding-right: 0; } body.rootpage-Terraria_Wiki .width-e#box-npcs .prehardmode .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-e#box-npcs .hardmode { width: 100%; } body.rootpage-Terraria_Wiki .width-e#box-npcs .hardmode .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-f#box-npcs .prehardmode .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-npcs .hardmode .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-g#box-npcs .prehardmode .mclist { columns: 1; } body.rootpage-Terraria_Wiki .width-g#box-npcs .hardmode .mclist { columns: 1; } body.rootpage-Terraria_Wiki #box-bosses { flex: 2 0 360px; } body.rootpage-Terraria_Wiki #box-bosses .i { line-height: 32px; } body.rootpage-Terraria_Wiki #box-bosses .i > a:first-child { display: inline-block; width: 24px; text-align: center; } body.rootpage-Terraria_Wiki #box-bosses .mclist li { height: 32px; } body.rootpage-Terraria_Wiki #box-bosses .content > div { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-a#box-bosses { flex: 2 0 310px; } body.rootpage-Terraria_Wiki .width-b#box-bosses { flex: 3 0 600px; } body.rootpage-Terraria_Wiki .width-b#box-bosses .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-bosses .mclist { columns: 2; column-gap: 0.25em; } body.rootpage-Terraria_Wiki .width-d#box-bosses .mclist { columns: 1; } body.rootpage-Terraria_Wiki .width-e#box-bosses { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-e#box-bosses .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-bosses .prehardmode, body.rootpage-Terraria_Wiki .width-f#box-bosses .hardmode { width: 100%; } body.rootpage-Terraria_Wiki .width-f#box-bosses .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-g#box-bosses .mclist { columns: 2; } body.rootpage-Terraria_Wiki #box-events { flex: 2 0 360px; } body.rootpage-Terraria_Wiki #box-events .i { line-height: 32px; } body.rootpage-Terraria_Wiki #box-events .i > a:first-child { display: inline-block; width: 24px; text-align: center; } body.rootpage-Terraria_Wiki #box-events .mclist li { height: 32px; } body.rootpage-Terraria_Wiki #box-events .content > div { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-a#box-events { flex: 2 0 310px; } body.rootpage-Terraria_Wiki .width-b#box-events .mclist { columns: 2; column-gap: 0.25em; } body.rootpage-Terraria_Wiki .width-c#box-events .mclist { columns: 1; } body.rootpage-Terraria_Wiki .width-d#box-events { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-d#box-events .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-e#box-events .prehardmode, body.rootpage-Terraria_Wiki .width-e#box-events .hardmode { width: 100%; } body.rootpage-Terraria_Wiki .width-e#box-events .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-f#box-events .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-g#box-events .mclist { columns: 2; } body.rootpage-Terraria_Wiki #sect-ext dd { margin-left: 1em; } body.rootpage-Terraria_Wiki #box-software { flex: 1 0 auto; } body.rootpage-Terraria_Wiki #box-wiki { flex: 3 0 auto; } body.rootpage-Terraria_Wiki .width-a#sect-ext .outro { display: flex; } body.rootpage-Terraria_Wiki .width-a#sect-ext .outro dl { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-a#box-software { flex-basis: 220px; } body.rootpage-Terraria_Wiki .width-a#box-software .outro dl { display: inline-block; width: 100%; } body.rootpage-Terraria_Wiki .width-a#box-wiki { flex-basis: 900px; } body.rootpage-Terraria_Wiki .width-a#box-wiki .outro dl { display: inline-block; width: 33.33333333%; } body.rootpage-Terraria_Wiki .width-b#box-wiki { flex-basis: 620px; } body.rootpage-Terraria_Wiki .width-b#box-wiki .outro dl { width: 50%; } body.rootpage-Terraria_Wiki .width-b#box-software { flex-basis: 620px; } body.rootpage-Terraria_Wiki .width-b#box-software .outro dl { width: 50%; } body.rootpage-Terraria_Wiki .width-c#box-software { flex-shrink: 1; } body.rootpage-Terraria_Wiki .width-c#box-software .outro dl { width: 100%; } body.rootpage-Terraria_Wiki .width-c#box-wiki { flex-shrink: 1; } body.rootpage-Terraria_Wiki .width-c#box-wiki .outro dl { width: 100%; } body.rootpage-Terraria_Wiki #mainpage-wrapper .footer { text-align: center; margin: 0.75em 2px 0; } body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div { border: 1px solid var(--theme-box-border-color); -moz-border-radius: 5px; border-radius: 5px; background: var(--theme-highlight-background); padding: 0.5em; max-width: 25em; margin: auto; } body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div a:hover { text-decoration: none; } body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div span { display: inline-block; } /********* [[Hooks]] *********/ #Hooks-Pre-Hardmode-table th, #Hooks-Hardmode-table th { line-height: 18px; } #Hooks-Pre-Hardmode-table td:nth-child(3), #Hooks-Pre-Hardmode-table td:last-child, #Hooks-Hardmode-table td:nth-child(3), #Hooks-Hardmode-table td:last-child { text-align: left; } #Hooks-Pre-Hardmode-table td:nth-child(8), #Hooks-Hardmode-table td:nth-child(8) { text-align: right; } #Hooks-Pre-Hardmode-table td:last-child, #Hooks-Hardmode-table td:last-child { font-size: var(--font-size-s); line-height: var(--line-height-s); } /********* [[Accessories]] and its related pages, [[Light sources]] *********/ .table-accessories tr { height: 3.5em; } .table-accessories td { position: relative; } .table-accessories td sup { position: absolute; right: 0.25em; top: 0.25em; } .table-accessories td:last-child, .table-accessories td:nth-child(4) { text-align: center; } /* for music box accessories */ .table-accessories td:nth-child(3) { text-align: left; } /********* [[Paintings]] *********/ .Paintings-table td:last-child, .Paintings-table td:nth-last-child(2) { text-align: left; } .Paintings-table td:nth-last-child(2) { white-space: nowrap; } #Painter-sell-table td:nth-last-child(2) { white-space: normal; } #Painter-sell-table td:nth-last-child(3) { text-align: left; white-space: nowrap; } #Paintings-chance-list li { line-height: 3em; } #Paintings-chance-list li > span:last-child { display: inline-block; width: 50px; text-align: right; } #Paintings-chance-list .i { display: inline-block; width: 270px; } /********* [[Fishing Poles]] *********/ #fishing-poles-table th { line-height: 1.25; } #fishing-poles-table td:nth-child(3), #fishing-poles-table td:nth-child(8), #fishing-poles-table td:nth-child(9), #fishing-poles-table td:nth-child(10) { text-align: left; font-size: 85%; } /* [[Light sources]] */ #table-portable-light-source td:first-child, #table-portable-light-source td:nth-child(2) { text-align: left; } #table-Furniture td:first-child { text-align: left; } #table-Novelty-lights td:first-child, #table-Novelty-lights td:nth-child(2) { text-align: left; } #table-Light-Pet td:first-child { text-align: left; } #table-buffs td:last-child, #table-buffs td:nth-child(2) { text-align: center; } #table-Furniture2 td:first-child { text-align: left; } #table-Accessories td:last-child { text-align: center; } #table-Blocks td:last-child { text-align: center; } #table-Growable td:nth-child(2), #table-Growable td:last-child { text-align: center; } #table-other td:nth-child(2) { text-align: center; } #table-world-generation td:first-child { text-align: left; } /********* [[Drills]] *********/ #drills-Effectiveness-table td:first-child { text-align: left; } /********* [[Pickaxes]], [[Mining speed]] *********/ #pickaxes-table th { line-height: 1.25; } #pickaxes-table td:first-child, #pickaxes-table td:nth-child(2) { text-align: left; } /********* [[Bunny]] *********/ #bunny-variants { float: right; text-align: center; width: 130px; } #bunny-variants img { margin: 0.5em auto 0.25em; } #bunny-variants .npc-id { background: var(--theme-highlight-background); padding: 2px 0; font-weight: bold; text-align: center; font-size: 10.5px; } /********* [[Help:Creating animated GIFs]] *********/ #table-gif td { vertical-align: top; } /********* [[Terraria Wiki:Projects]] and subpages *********/ .projects-wrapper { border: 1px solid var(--theme-box-border-color); vertical-align: top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 7px; } .projects-header { background: var(--theme-highlight-background); padding: 7px; font-weight: bold; text-align: center; font-size: 140%; } /********* [[Evil biome#Corruption and Crimson counterparts]] *********/ #cc-counterparts td:nth-child(3) { border-left-width: 1px; } /********* [[Guide:Game progression graph]] *********/ #progression-graph { overflow: auto; } #progression-graph .diagram { margin: auto; } #progression-graph .diagram big { display: block; line-height: 1.3; font-size: 130%; } #progression-graph .diagram small { display: block; line-height: 1.3; font-size: 80%; } .game-progression.legend { white-space: nowrap; display: inline-block; color: var(--theme-text-color); border: 2px var(--theme-box-border-color) solid; padding: 2px 0.5em; border-radius: 6px; } .game-progression.box { background-color: rgba(255, 255, 255, 0.15); } .game-progression.biome { border-color: var(--theme-notice-green-border-color); } .game-progression.boss { border-color: var(--theme-notice-red-border-color); } .game-progression.miniboss { border-color: var(--theme-notice-red-border-color); border-style: dotted; } /********* [[Guide:Armor progression]] *********/ .armorg-subh { font-size: 95%; } /********* [[Axes]] *********/ #axes-table td:first-child, #axes-table td:nth-child(2) { text-align: left; } /********* [[Hammers]] *********/ #hammers-table td:first-child, #hammers-table td:nth-child(2) { text-align: left; } #hammers-table th { line-height: 1.25; } /********* [[Health]] *********/ #Preventing-damage-table td:nth-child(2) { text-align: center; } #Preventing-Drowning-table td:nth-child(2) { text-align: center; } #lava-safety-table td:nth-child(2) { text-align: center; } #Healing-table td:nth-child(2), #Healing-table td:nth-child(3) { text-align: center; } #Regeneration-table td:nth-child(2) { text-align: center; max-width: 280px; } #draining-table td:nth-child(2) { text-align: center; } /********* [[Map size]] *********/ #table-mapsizes td:nth-child(2), #table-mapsizes td:nth-child(3), #table-mapsizes td:nth-child(4), #table-mapsizes td:nth-child(5) { text-align: right; } /********* [[NPC spawning]] *********/ #NPC-spawning-table-1 td:first-child { text-align: left; } /********* [[Player stats]] *********/ #Horizontal-movement-table td:first-child { text-align: left; } #Medium-movement-table td:first-child { text-align: left; } /********* [[Pickaxe power]] *********/ #in-game-table td:first-child { text-align: left; padding: 0.5em 0; } /********* [[Template:Item infobox/doc]], [[Template:Npc infobox/doc]] *********/ table.lined .infob-doc-no-border-b td { border-bottom: 0; } table.lined .infob-doc-medium-border-t td { border-top: 2px var(--theme-box-border-color) solid; } /********* [[Potion Sickness]] *********/ #Potion-Sickness-table td:last-child { border-left: 1px var(--theme-box-border-color) solid; text-align: center; } #Potion-Sickness-table td:first-child { border-left: 0; text-align: left; } /********* [[Angler/Quests]] *********/ #angler-quests-table td:first-child { font-style: italic; } /********* [[Whips]] *********/ #whips-table td:nth-child(4) { text-align: left; font-size: 85%; } /********* [[Achievements]] *********/ .trw-toggleable.achievements .trw-togglehandle { text-align: center; } .trw-toggleable.not-toggled.achievements thead, .trw-toggleable.not-toggled.achievements tfoot, .trw-toggleable.not-toggled.achievements td { display: none; } .trw-toggleable.not-toggled.achievements table, .trw-toggleable.not-toggled.achievements tr, .trw-toggleable.not-toggled.achievements td:first-child { display: block; border: 0; } .trw-toggleable.not-toggled.achievements tbody { display: grid; grid-template-columns: repeat(auto-fill, minmax(18em, 1fr)); align-items: center; } .trw-toggleable.not-toggled.achievements .achievement > div > div:last-child, .trw-toggleable.not-toggled.achievements .achievement > div > i { display: none; } /* Achievement text color */ .trw-toggleable.not-toggled.achievements .achievement > div { color: var(--theme-text-color) !important; } .trw-toggleable.not-toggled.achievements .achievement > div { color: transparent; } .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } #ps3wiiu.not-toggled div.achievement:not(:first-child) { display: none !important; } #ps3wiiu.not-toggled div.achievement img[alt=Playstation] { display: none; } #oldmobile.not-toggled .achievement:not(:first-child) > :first-child { display: none; } #oldmobile.not-toggled td { position: relative; min-height: 72px; min-width: 72px; } #oldmobile.not-toggled td:first-child { display: flex; flex-direction: column; justify-content: center; } #oldmobile.not-toggled .achievement { margin-left: 0 !important; } #oldmobile.not-toggled .achievement > :first-child { position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center; } #oldmobile.not-toggled .achievement > div { padding-left: 64px; margin-top: 0; margin-bottom: 0; line-height: 1.1; } @media (max-width: 600px) { .trw-toggleable.not-toggled.achievements .achievement > div { display: none; } .trw-toggleable.not-toggled.achievements tbody { display: block; } .trw-toggleable.not-toggled.achievements tr { display: inline-block; } } /********* [[Drowning]] *********/ .drowning-table-no-border { border: none; } .drowning-table-no-border td { border-bottom: 0 !important; } /********* [[Trees/Shaking]] (transcluded on [[Trees]]) *********/ #treeshaking-table ul { list-style: none; margin-left: 0; } #treeshaking-table td { white-space: nowrap; text-align: center; } #treeshaking-table td:first-child { text-align: left; } /********* [[Terraria Wiki:Admin noticeboard/header]], [[Terraria Wiki:Community noticeboard/header]] *********/ .noticeboardheader-wrapper { margin-bottom: 0.75em; } .noticeboardheader-header { text-align: center; font-size: 140%; background: var(--theme-highlight-background); padding: 4px; } .noticeboardheader-forumsnotice { margin-top: 0.5em; padding: 5px; text-align: center; border: 2px solid var(--theme-notice-red-border-color); border-radius: 0.7em; background-color: var(--theme-notice-red-background-color); } .noticeboardheader-adminslist { z-index: 500; float: right; margin: 10px 0 10px 10px; } .noticeboardheader-intro { padding: 10px; } .noticeboardheader-admin-part1 { border-top: 1px solid var(--theme-border-color); padding: 10px; overflow: hidden; } .noticeboardheader-admin-part2 { border-top: 1px solid var(--theme-border-color); padding: 10px 10px 3px 10px; overflow: hidden; } .noticeboardheader-admin-part3 { border: 1px solid var(--theme-notice-purple-border-color); border-radius: 10px; padding: 5px 10px 10px 10px; overflow: hidden; } .noticeboardheader-community-part1 { border-top: 1px solid var(--theme-border-color); font-size: 90%; padding: 10px; } .noticeboardheader-community-part2 { border: 1px solid var(--theme-notice-purple-border-color); border-radius: 10px; font-size: 90%; padding: 10px; } /********* [[Terraria Wiki:Style guide/Disambiguation]] *********/ .disambigexample.terraria { overflow: unset; margin: 1.5em 0 1em; } .disambigexample > span { position: absolute; margin-top: calc(-8px - 1.2em); margin-left: -3px; padding-right: 3px; padding-left: 3px; background-color: var(--theme-background); font-size: 80%; } /********* [[Guide:Class setups]] *********/ /* overriding the margin-top from the standard .infocard styling; * we use flexbox's gap on the page instead */ .infocard.guide-class-setups + .infocard.guide-class-setups { margin-top: unset; } /********* [[Moon phase]], [[Legacy:Moon phase]] *********/ table.moon-phase-table td { /* (selector needs to be this specific to override a "table.terraria td" rule */ border: 1px solid var(--theme-box-border-color-light); } table.moon-phase-table td.blankcell { background-color: var(--oouihelper--themerelated-disabled-transparent); } table.moon-phase-table tr.borderbottom td, table.moon-phase-table tr td.borderbottom { border-bottom: 2px solid var(--theme-box-border-color); } /*********************************************************************************************************** * theming. ***********************************************************************************************************/ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, theme vars, etc. ***********************************************************************************************************/ /*** vars, for theming ***/ :root { --theme-page-background-color--secondary: rgba(255,255,255,0.2); /* the following "--custom-notice-" vars are deprecated, please use the "--theme-notice-" vars directly instead */ --custom-notice-blue-background-color: var(--theme-notice-blue-background-color); --custom-notice-blue-border-color: var(--theme-notice-blue-border-color); --custom-notice-red-background-color: var(--theme-notice-red-background-color); --custom-notice-red-border-color: var(--theme-notice-red-border-color); --custom-notice-purple-background-color: var(--theme-notice-purple-background-color); --custom-notice-purple-border-color: var(--theme-notice-purple-border-color); --custom-notice-green-background-color: var(--theme-notice-green-background-color); --custom-notice-green-border-color: var(--theme-notice-green-border-color); --custom-notice-yellow-background-color: var(--theme-notice-yellow-background-color); --custom-notice-yellow-border-color: var(--theme-notice-yellow-border-color); --custom-notice-orange-background-color: var(--theme-notice-orange-background-color); --custom-notice-orange-border-color: var(--theme-notice-orange-border-color); --custom-notice-pink-background-color: var(--theme-notice-pink-background-color); --custom-notice-pink-border-color: var(--theme-notice-pink-border-color); --custom-template-expert-color: #ffb556; --custom-template-master-color: #ff5656; --custom-template-journey-color: #ff69c4; --custom-modetabs-expert-background-color: #ffeece; --custom-modetabs-expert-border-color: #ffca67; --custom-modetabs-expert-label-color: #eae3d1; --custom-modetabs-master-background-color: #ffe9e9; --custom-modetabs-master-border-color: #ffbaba; --custom-modetabs-master-label-color: #eae3d1; /*************************************************************************/ /* temp */ --theme-page-background-color: rgba(255,255,255,0.03); } /**** Theme vars START ***********************************************************/ /*** base default theme (Overworld/dark) ***/ :root { /* common */ --theme-highlight-background: rgba(20,20,20, 0.25); /******* "real" wiki content ********/ /* modetabs */ --theme-modetabs-classic-background: var(--theme-box-background); --theme-modetabs-classic-border-color: var(--theme-border-color); --theme-modetabs-classic-text-color: var(--theme-text-color-highlight); --theme-modetabs-classic-text-color-label: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-background: #a1743a80; --theme-modetabs-expert-border-color: #ffca67; --theme-modetabs-expert-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-text-color-label: #dab2fa; --theme-modetabs-master-background: #a9545467; --theme-modetabs-master-border-color: #ffbaba; --theme-modetabs-master-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-master-text-color-label: #ff6c60; } :root { /* floating scroll for wide table */ --theme-wide-table-shadow-color: #999; /* background & logo */ --theme-site-background: #b8bad0 url(https://terraria.wiki.gg/images/0/0e/Site-background-overworld.jpg) center top / cover no-repeat fixed; --theme-site-logo-image: url(https://terraria.wiki.gg/images/9/99/Site-logo-overworld.png); --theme-site-logo-width: 421px; --theme-site-logo-height: 140px; --theme-site-logo-filter: none; /* content background */ --theme-background: #5a433a; /* background for accent block */ --theme-background-accent: rgba(20,20,20,0.5); /* the "grass" */ --theme-top-background: url(https://terraria.wiki.gg/images/e/ef/Grass-top-overworld.png) top left repeat-x; /* the "grass" */ --theme-top-background-height: 13px; /* height of the image above. */ --theme-top-background-offset: -6px; /* top */ /* text color */ /* main text color */ --theme-text-color: #eae3d1; --theme-text-color--rgb: 234, 227, 209; --theme-text-color-note: #b5bdb2; /* subdued, "note"-style text color */ --theme-text-color-em: #c4ebd0; /* more prominent text color for emphasis */ --theme-text-color-highlight: #fff; --theme-text-color-control: #000; --theme-text-color-placeholder: rgba(234,227,209,0.4); --theme-heading-color: var(--theme-text-color); --theme-text-color-green: #00d400; --theme-text-color-orange: #ffa500; --theme-text-color-red: #fe9b9b; /* color behind text (normal and "note") to highlight it */ --theme-text-background-color-highlight: #645130; /* link text color */ --theme-link-color: #9fecf0; --theme-link-color--rgb: 159, 236, 240; --theme-link-color-hover: #86dcdf; --theme-link-color-visited: #86dcdf; --theme-link-color-redlink: #f66; --theme-link-color-accent: var(--theme-text-color-em); /* icon color */ --theme-icon-color: var(--theme-text-color); --theme-icon-color-link: var(--theme-link-color); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-icon-color-redlink: var(--theme-link-color-redlink); /* icon color of the toggle for collapsible elements */ --theme-collapsible-toggle-icon-color: var(--theme-text-color-note); --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover); /* hover mask */ --theme-highlight-background: rgba(20,20,20,0.25); /* "box" style for interface */ --theme-widget-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); --theme-widget-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-widget-border-radius: 6px; --theme-widget-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.jpg); /* "box" style for content */ --theme-box-border-color: #000; --theme-box-border-color--rgb: 0, 0, 0; --theme-box-border-color-light: rgba(255, 255, 255, 0.1); --theme-box-border-color-inner: var(--theme-box-border-color); --theme-box-background: rgba(20,20,20,0.12); --theme-box-border-radius: 5px; --theme-box-border-radius-inner: 8px; --theme-box-inset-shadow: inset 0 0 4px 1px rgba(255,255,255, 0.08); --theme-border-color: var(--theme-box-border-color); /* inner, separate border line */ --theme-border-color--rgb: var(--theme-box-border-color--rgb); /* inner, separate border line */ --theme-border-color-accent: #999; /* "horizontal rule" */ --theme-hr-color-top: rgb(20,20,20); --theme-hr-color-bottom: rgba(255,255,255, 0.1); /* dropdown menu body */ --theme-dropdown-border-width: 1px; /* single value */ --theme-dropdown-border-style: solid; --theme-dropdown-border-radius: var(--theme-widget-border-radius); --theme-dropdown-border-color: var(--theme-widget-border-color); --theme-dropdown-background: #60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.jpg); --theme-dropdown-shadow: 0px 0 5px 0px rgba(10,10,10, 0.3); /* border and background colors for various "notices", e.g. boxes like [[Template:Msgbox]] */ --theme-notice-blue-background-color: hsla(200, 80%, 90%, 20%); --theme-notice-blue-border-color: hsl(200, 60%, 72%); --theme-notice-red-text-color: hsl(0, 100%, 70%); --theme-notice-red-background-color: hsla(0, 80%, 90%, 20%); --theme-notice-red-border-color: hsl(0, 60%, 72%); --theme-notice-purple-background-color: hsla(228, 80%, 90%, 20%); --theme-notice-purple-border-color: hsl(243, 60%, 72%); --theme-notice-green-background-color: hsla(84, 80%, 90%, 20%); --theme-notice-green-border-color: hsl(84, 60%, 72%); --theme-notice-yellow-background-color: hsla(58, 80%, 90%, 20%); --theme-notice-yellow-border-color: hsl(58, 60%, 72%); --theme-notice-orange-text-color: hsl(28, 100%, 70%); --theme-notice-orange-background-color: hsla(28, 80%, 90%, 20%); --theme-notice-orange-border-color: hsl(28, 60%, 72%); --theme-notice-pink-background-color: hsla(324, 80%, 90%, 20%); --theme-notice-pink-border-color: hsl(324, 60%, 72%); } /* sidebar */ #mw-panel { --theme-background: #593e35 url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg); /* when under 1366px */ --theme-section-background: var(--theme-widget-background); --theme-heading-background: rgba(20,20,20, 0.15); --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); } /* navbar */ #mw-head { --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); --theme-icon-color-link: var(--theme-link-color-accent); --theme-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg); --theme-background-shadow: linear-gradient(to top, rgba(10,10,10,0.25), transparent 30%); --theme-border-bottom-color: rgba(255,255,255, 0.1); --theme-tab-background-selected: #5a433a; /* same as #content background */ --theme-tab-background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4)), #5a433a; --theme-tab-border-color-selected: rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3) rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15); --theme-tab-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-legacy-search-border-color: rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2); --theme-legacy-search-border-color-active: rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15) rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3); } #footer { --theme-background: linear-gradient(rgba(20,20,20, 0.3), rgba(20,20,20, 0.3)), #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg) center top / auto 100%; --theme-inner-shadow: inset var(--theme-widget-shadow); } /* catlinks */ .catlinks { --theme-background: rgba(10, 10, 10, 0.3); --theme-border-color: rgba(13,4,2,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.1) rgba(13,4,2,0.5); } /********* OOUI theming *********/ :root { /* These helper variables are defined for reuse in the variable definitions below */ --oouihelper--red: #b32424; --oouihelper--red-darker: #551111; --oouihelper--red-lighter: #f04848; --oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6); /* #f0484899 */ --oouihelper--red-lightest: #ff5959; --oouihelper--yellow: #ac6600; --oouihelper--yellow-darker: #4d2e00; --oouihelper--yellow-lighter: #ffcc33; --oouihelper--green: #006633; --oouihelper--green-darker: #00331a; --oouihelper--green-lighter: #00e673; --oouihelper--progressive: #9fecf0; --oouihelper--progressive-transparent: rgba(159, 236, 240, 0.6); /* #9fecf099; */ --oouihelper--progressive-lighter: #a7eef1; --oouihelper--disabled: #b3b3b3; --oouihelper--disabled-lighter-transparent: rgba(196, 196, 196, 0.5); --oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.5); --oouihelper--borderdark: #000; --oouihelper--borderdark-lighter: #0e0c0c; --oouihelper--borderdark-hover: #72777d; --oouihelper--borderdark-focus: var(--oouihelper--progressive); --oouihelper--textinput-background: rgba(20, 20, 20, 0.65); --oouihelper--textinput-background-lighter: rgba(30, 30, 30, 0.65); --oouihelper--textinput-background-darker: rgba(20, 20, 20, 0.8); --oouihelper--placeholdertext: rgba(234, 227, 209, 0.4); --oouihelper--themerelated: #a58350; --oouihelper--themerelated-lighter: #cdab78; --oouihelper--themerelated-lighter-transparent: rgba(171, 120, 84, 0.6); --oouihelper--themerelated-lightest: #e6dbcb; --oouihelper--themerelated-darker: #785f3a; --oouihelper--themerelated-darkest: #342919; --oouihelper--themerelated-disabled: rgba(230, 219, 203, 0.25); --oouihelper--themerelated-disabled-transparent: rgba(230, 219, 203, 0.05); --oouihelper--themerelated-disabled-lighter: rgba(238, 231, 221, 0.25); --oouihelper--text-background: #2c2421; /* ---------------------------------------------- */ /* Actual OOUI variables, grouped by element type */ /* misc */ --ooui--inlinehelp-color: var(--theme-text-color-note); --ooui--disabled-color: var(--oouihelper--disabled); /* all buttons */ --ooui--button-background--hover: #7b573d url(https://terraria.wiki.gg/images/d/d4/Button-background-overworld.jpg) center center / cover repeat-x; --ooui--button-background: linear-gradient(rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)), var(--ooui--button-background--hover); --ooui--button-box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px; --ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; /* "normal" button */ --ooui--button-border-top: 1px solid rgba(151, 107, 69, 0.7); --ooui--button-border-right: 1px solid rgba(86, 47, 33, 0.7); --ooui--button-border-bottom: var(--ooui--button-border-right); --ooui--button-border-left: var(--ooui--button-border-top); --ooui--button-border-top--hover: 1px solid rgb(151, 107, 69); --ooui--button-border-right--hover: 1px solid rgb(86, 47, 33); --ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover); --ooui--button-border-left--hover: var(--ooui--button-border-top--hover); --ooui--button-color: var(--theme-text-color); --ooui--button-color--hover: var(--theme-text-color-highlight); /* "progressive" button */ --ooui--button-progressive-color: var(--oouihelper--progressive); --ooui--button-progressive-color--hover: var(--oouihelper--progressive-lighter); --ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px; --ooui--button-progressive-primary-border-color: var(--oouihelper--progressive); --ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter); /* "destructive" button */ --ooui--button-destructive-color: var(--oouihelper--red-lighter); --ooui--button-destructive-color--hover: var(--oouihelper--red-lightest); --ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px; --ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter); --ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest); /* disabled button */ --ooui--button-disabled-color: var(--oouihelper--disabled); --ooui--button-disabled-background: linear-gradient(var(--oouihelper--disabled-darker-transparent), var(--oouihelper--disabled-darker-transparent)), var(--ooui--button-background--hover); --ooui--button-disabled-border-top: 1px solid rgba(126, 109, 93, 0.7); --ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7); --ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right); --ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top); /* frameless button */ --ooui--button-frameless-on-color: var(--theme-text-color-highlight); /* textarea */ --ooui--textarea-background-color: var(--oouihelper--textinput-background); --ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext); --ooui--textarea-border-color: var(--oouihelper--borderdark); --ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter); --ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker); --ooui--textarea-disabled-color: var(--oouihelper--disabled); --ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent); --ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9); --ooui--textarea-pending-background-color-2: #000; /* checkbox */ --ooui--checkbox-border-color: var(--oouihelper--themerelated); --ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23a58350%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23cdab78%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon); /* radiobutton */ --ooui--radiobutton-border-color: var(--oouihelper--themerelated); --ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled); /* toggleswitch */ --ooui--toggleswitch-border-color: var(--oouihelper--themerelated); --ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker); --ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest); --ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter); /* dropdown */ --ooui--dropdown-background-color: var(--oouihelper--textinput-background); --ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter); --ooui--dropdown-border-color: var(--oouihelper--borderdark); --ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--dropdown-disabled-color: var(--oouihelper--disabled); --ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent); /* selectfile */ --ooui--selectfile-border-color: #72777d; --ooui--selectfile-background-color: var(--oouihelper--textinput-background); --ooui--selectfile-candrop-background-color: #514743; /* tag item */ --ooui--tagitem-background-color: rgba(20, 20, 20, 0.75); --ooui--tagitem-border-color: var(--oouihelper--borderdark); --ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest); --ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter); --ooui--tagitem-color--hover: #efeadc; --ooui--tagitem-disabled-color: var(--oouihelper--disabled); --ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.5); /* multioption */ --ooui--multioption-disabled-color: var(--oouihelper--disabled); /* progressbar */ --ooui--progressbar-border-color: var(--oouihelper--themerelated); --ooui--progressbar-bar-background-color: var(--oouihelper--themerelated); --ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled); --ooui--progressbar-pending-background-color-1: #7a6a52; --ooui--progressbar-pending-background-color-2: #4d4233; /* messagewidget */ --ooui--messagewidget-notice-background-color: #4e3a32; --ooui--messagewidget-notice-border-color: #2f231e; --ooui--messagewidget-error-background-color: var(--oouihelper--red); --ooui--messagewidget-error-border-color: var(--oouihelper--red-darker); --ooui--messagewidget-error-color: var(--oouihelper--red-lighter); --ooui--messagewidget-warning-background-color: var(--oouihelper--yellow); --ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker); --ooui--messagewidget-success-background-color: var(--oouihelper--green); --ooui--messagewidget-success-border-color: var(--oouihelper--green-darker); --ooui--messagewidget-success-color: var(--oouihelper--green-lighter); /* menuselectwidget */ --ooui--menuselect-background-color: var(--oouihelper--text-background); --ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--menuselect-border-color: var(--oouihelper--borderdark); --ooui--menusectionoption-color: var(--oouihelper--placeholdertext); /* tabselectwidget */ --ooui--tabselect-background-color: var(--oouihelper--text-background); --ooui--tabselect-selected-background-color: var(--theme-background); --ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter); --ooui--tabselect-frameless-selected-color: var(--theme-link-color); --ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color); --ooui--tabselect-frameless-highlighted-color: #bcd1d2; --ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2; --ooui--taboption-color: var(--oouihelper--placeholdertext); /* outlineselectwidget */ --ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; --ooui--outlineoption-background-color: var(--oouihelper--text-background); --ooui--outlineoption-border-color: var(--oouihelper--borderdark); --ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--outlineoption-pressed-background-color: #22292a; /* popupwidget */ --ooui--popup-background-color: var(--oouihelper--text-background); --ooui--popup-border-color: var(--oouihelper--borderdark); /* layouts */ --ooui--bookletlayout-border-color: var(--oouihelper--borderdark); --ooui--panellayout-border-color: var(--oouihelper--borderdark); /* dialog */ --ooui--dialog-border-color: var(--oouihelper--borderdark); --ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter); /* window */ --ooui--window-background-color: var(--oouihelper--text-background); --ooui--window-border-color: var(--oouihelper--borderdark); /* indicators */ /* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */ --ooui--indicator-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--indicator-invert-filter: brightness(0); /* icons */ --ooui--icon-normal-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--icon-progressive-filter: brightness(0) invert(90%) sepia(21%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%); --ooui--icon-destructive-filter: brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%); --ooui--icon-invert-filter: brightness(0); --ooui--icon-success-filter: brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%); /* #00e673 */ --ooui--icon-warning-filter: brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%); /* #ffcc33 */ --ooui--icon-error-filter: brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%); /* #f04848 */ } /********* Theming of Codex design tokens *********/ :root { --color-base: #eae3d1; --color-progressive: #9fecf0; --color-progressive--hover: #86dcdf; --color-destructive: #f66; } /***************************************************************************************************/ /***************************************************************************************************/ /****************************** Custom CSS for the Fargo Mods Wiki ******************************/ /***************************************************************************************************/ /***************************************************************************************************/ /* * The main stylesheet for the wiki is imported from the vanilla Terraria Wiki. * Customizations of those rules and special styles that only apply to this wiki * are added here. */ :root{ --theme-site-logo-image: url(https://fargosmods.wiki.gg/images/e/e6/Site-logo.png); --theme-site-background: #111 url(/images/5/57/Site-background.png) center center / cover no-repeat fixed; --theme-body-background: var(--theme-site-background); --theme-site-logo-width: 372px; --theme-site-logo-height: 132px; } @media screen and (min-width: 1367px){ body{ grid-template-rows: [body-start] calc( var(--wikigg-header-height) + 24px) [page-start nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end] var(--layout-footerspace) [body-end]; } div#p-logo{ position: static; background-size: 100% auto; height: var(--layout-logo-height); } div#p-logo .mw-wiki-logo{ width: 100%; height: 100%; } body.content-size-expanded #mw-panel{ display: none; } } @media screen and (max-width: 1366px){ #p-logo { margin: 0; left: 50%; transform: translate(-50%, 0); } } @media screen and (max-width: 900px){ :root{ --layout-logo-scale: 1; } #p-logo { margin: 0; left: 0; transform: translateY(-4px); } #mw-panel #p-logo + .portal .body, #mw-panel .portal:last-child .body{ left: auto; right: 0; } } @media screen and (max-width: 720px){ :root{ --layout-logo-scale: 0.75; } } /* Hide the links to base pages (below the page title) but only in namespaces "(Main)" and "User" */ .ns-0 #contentSub .subpages, .ns-2 #contentSub .subpages { display: none; } /* Mod name in firstHeading (set via {{mod sub-page}}) */ #firstHeading .firstHeading-modname { display: block; font-size: 70%; color: var(--theme-text-color-note); } /* Ensure that the mod logo (top right corner) stays above the line */ #bodyContent { clear: both; } /* Custom list style for use in miniature bullet lists within infobox drop tables */ span.dropSub ul { list-style: none; margin-top: 0; margin-left: 0; padding-left: 0; } span.dropSub li { padding-left: 1em; text-indent: -1em; } span.dropSub li:before { content: "•"; } /* ================================================================== */ /* Template styles */ /* ================================================================== */ /* Template:Summoned */ .summoned.infobox { text-align: center; padding-bottom: 12px; } .summoned.infobox .title { font-size: 12px; } .summoned.infobox .p { font-size: 14px; } /* ================================================================== */ /* Responsive mod front page styles */ /* ================================================================== */ /* all sections */ .modfp-box { border: 1px solid var(--custom-accent-border-color); border-radius: 5px; -moz-border-radius: 5px; padding: 7px; } /* header section */ .modfp-section-header { margin-bottom: 0.5em; } .modfp-section-header > div { flex-grow: 1; } .modfp-header { background: var(--theme-accent-color); padding: 8px; margin: 3px; text-align: center; color: var(--theme-accent-label-color); } .modfp-header .modfp-highlightbox { border: 1px solid var(--custom-accent-border-color); margin-top: 5px; padding: 5px; text-align: center; background: var(--theme-page-background-color); } .modfp-title { margin-bottom: 1em; } .modfp-title .modfp-big { font-size: 160%; } /* mod info section */ .modfp-section-info { margin-bottom: 0.5em; } .modfp-section-info, .modfp-section-content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; column-gap: 0.25em; row-gap: 0.5em; } .modfp-section-info > .modfp-box:first-child { flex-grow: 1; flex-basis: 70%; } .modfp-section-info > .modfp-box:last-child { flex-grow: 1; flex-basis: 29%; } .modfp-versionbox-content, .modfp-versionbox-content-sub { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .modfp-versionbox-content-sub > div:first-child { font-weight: bold; } .modfp-versionbox-content-sub:not(div:last-child)::after { content: ""; width: 100%; border-top: 1px var(--custom-accent-border-color) solid; margin: 0.25em 0; } /* content section */ .modfp-section-content { margin-bottom: 0.5em; } .modfp-section-content > div { flex-grow: 1; } /* ================================================================== */ /* Main page styles */ /* ================================================================== */ /* Hide page title */ body.page-Terraria_Mods_Wiki h1.firstHeading { display: none; } #section-main .infocard, #section-misc .infocard { margin: 2px; } #mainpage-wrapper .box { border: 1px solid #AFCFE2; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; margin: 3px; } #mainpage-wrapper .box .boxcontent { padding: 10px; } #mainpage-wrapper #box-header .boxcontent, #mf-wikiheader .box { background: var(--theme-accent-color); padding: 8px; margin: 3px; text-align: center; color: var(--theme-text-color); } #mainpage-wrapper #box-header { padding: 7px; margin: 2px; } #mainpage-wrapper #box-header > div { background: var(--theme-page-background-color); } #mainpage-wrapper #box-header .heading { font-size: 162%; } #mainpage-wrapper #box-header .linksbox, #mf-wikiheader .linksbox { margin-top: 5px; padding: 5px; text-align: center; background: var(--theme-highlight-background); } #mainpage-wrapper #box-description { flex: 10 0 240px; } #mainpage-wrapper #box-description .boxcontent > div:not(:last-child) { margin-bottom: 30px; } #mainpage-wrapper #box-featuredmods { flex: 1 1 240px; } #mainpage-wrapper #box-featuredmods .allmods-link { margin-top: 1em; } #mainpage-wrapper #box-externalwikis .boxcontent div:first-child { margin-bottom: 1.5em; } #mainpage-wrapper #box-externalwikis .boxcontent > ul { list-style-image: none; list-style-type: none; } #mainpage-wrapper #box-newmods { flex: 1 0 240px; } #mainpage-wrapper #box-newmods .newmods-list { column-count: 2; margin-bottom: 1.75em; } #mainpage-wrapper #box-wikicommunity { flex: 2 0 240px; } #mainpage-wrapper .footer { margin: 0.75em 2px 0; } #mainpage-wrapper .footer > div { margin: auto; max-width: 25em; text-align: center; border: 1px solid var(--theme-border-color); -moz-border-radius: 5px; border-radius: 5px; background: var(--theme-highlight-background); padding: 0.5em; } .mp-heading { background: var(--theme-accent-color); padding: 5px 20px; margin: 3px; font-weight: bold; text-align: center; font-size: 120%; color: var(--theme-accent-label-color); } .externalwikis-grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); place-items: center; row-gap: 1.25em; margin: 1.25em 0; } .externalwikis-grid-container div { transition: transform .15s linear; } .externalwikis-grid-container div:hover, .externalwikis-grid-container div:focus { transform: scale(1.1); } /* -- Infobox & infobox wrapper template style ---------------------- */ /* some rules just kept for "old" template. */ .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px #000 solid; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /* styles for latest template */ .infobox{ border: 1px solid #000; border-radius: 8px; padding: 6px; float: right; font-size: 12px; background-color: #343031; margin: 0 0 0.5em 1em; } @media(max-width:450px){ .infobox{ float: none; } } .infobox.float-right{ float: right; margin: 0 0 0.5em 1em; } .infobox.float-left{ float: left; margin:0 1em 0.5em 0; } .infobox.float-none{ float: none; margin:0 1em 0.5em 0; } .infobox table{ background-color: transparent; width: 100%; border-spacing: 0; } .infobox table th{ white-space: nowrap; padding: 2px; text-align: right; border-right: 1px solid #343031; width: 5em; vertical-align: middle; } .infobox table td{ padding: 2px; vertical-align: middle; } .infobox .title{ background-color: #333033; color: #FFF; font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title{ font-size: 15px; padding: 8px 0; line-height: 1.2; } .infobox > .title span{ display: block; font-size: 12px; color: slategray; font-style: italic; } .infobox > .title span::before{ content: "("; font-style: normal; } .infobox > .title span::after{ content: ")"; font-style: normal; } .infobox .variant{ background-color: #343031; color: #FFF; font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; } .infobox .images{ position: relative; padding: 6px 0; min-height: 40px; text-align: center; display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; /* direction=column, for IE11 */ -webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; -webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center; } .infobox ul{ list-style: none; margin: auto; text-align: center; } .infobox .stat td > small{ font-size: 10.5px; font-weight: bold; } .infobox .stat td > small::before{ content: "("; } .infobox .stat td > small::after{ content: ")"; } .infobox tr.buff th, .infobox tr.buff td{ background-color: #333033; border: 1px solid #000000; } .infobox tr.buff th{ border-left: 0; } .infobox tr.buff td{ border-right: 0; padding-left: 3px; } .infobox tr.buff td b{ font-weight: bold; } .infobox .variant{ margin-bottom: 2px; white-space: nowrap; } .infobox .drops td:first-child{ text-align: left; } .infobox .drops td:last-child{ text-align: right; } .infobox .drops th:first-child{ text-align: left; border-right: 0; } .infobox .section.drops{ margin-top: 6px; margin-bottom: 6px; } .infobox .drops.money{ margin: 2px auto; } .npc.infobox .map{ text-align: center; padding-top: 3px; margin-top: 6px; border-top: 1px solid #000; } .infobox .image2{ text-align: center; padding-top: 3px; margin-top: 6px; border-top: 1px solid #000; } .infobox .proj, .infobox .ib_sound, .infobox .cooldown { text-align: center; padding-top: 3px; margin-top: 6px; } .infobox .drops.items{ margin-bottom: 1px; } .infobox .drops.items li{ border-bottom: 1px #1f1c1e solid; padding: 3px 0; margin-bottom: auto; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; -webkit-flex-wrap:nowrap; -moz-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-direction:normal; -webkit-box-orient:horizontal; -moz-box-direction:normal; -moz-box-orient:horizontal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; align-items:center; } .infobox .drops.items li:first-child{ background-color: #343031; color: #FFF; padding: 2px 3px 0; } .infobox .drops.items li > div{ display: block; } .infobox .drops.items li > div:first-child{ text-align: left; } .infobox .drops.items li > div:last-child{ text-align: right; } .infobox .drops.items li:last-child{ border-bottom: none; } .infobox .drops.items li.caption{ border-top:2px #1f1c1e solid; margin-top: 2px; line-height:1; text-align: center; color:#ffffff; font-size: 10.5px; background:#343031; padding-top: 5px; display: block; } .infobox .drops.items li.group_end{ border-bottom:5px #1f1c1e solid; position: relative; } .infobox .drops.items li.group_end::after{ content: ""; display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; background-color: #343031; } /* for item infobox */ .item.infobox{ width: 21em; } .item.infobox .images .auto, .infobox.item .images .stack{ position: absolute; right: 3px; } .item.infobox .images .instrument { position: absolute; left: 3px; } .item.infobox .images .auto{ top: 3px; } .item.infobox .images .stack, .item.infobox .images .instrument{ bottom: 3px; } .item.infobox .images ul.inline li{ display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; } .item.infobox .images ul.inline li::before{ content: ""; display: block; width: 1px; background: #ccc; height: 80%; position: absolute; left: 0; top: 10%; } .item.infobox .images ul.inline li:first-child::before{ display: none; } .item.infobox .images ul.block li{ display: block; padding: 13px 0 0 0; margin: auto; position: relative; } .item.infobox .images ul.block li::before{ content: ""; display: block; height: 1px; background: #ccc; width: 80%; position: absolute; left: 10%; top: 6px; } .item.infobox .images ul.block li:first-child{ padding-top: 0; } .item.infobox .images ul.block li:first-child::before{ display: none; } .item.infobox ul.toolpower{ padding: 6px 0; cursor: pointer; } .item.infobox ul.toolpower li{ display: inline-block; padding: 0 0.5em; } /* for npc infobox */ .npc.infobox{ width: 23em; } .npc.infobox .statistics table th{ width: 6em; } /* infobox wrapper */ .infobox-wrapper.float-right{ float: right; margin-left: 0.5em; } .infobox-wrapper.float-left{ float: left; margin-right: 0.5em; } .infobox-wrapper.float-none{ float: none; } .infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none{ float: none; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right{ float: none; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right{ float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right{ float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none{ float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right{ float: right; margin: 0 0 0.5em 0.5em; } /* Auto line separators for tables */ table.lined td { border-bottom: 1px #666 solid; } table.lined tr:last-of-type td { border-bottom: 0; } table tr.bottomline td { border-bottom: 1px #000 solid; } table tr.topline td { border-top: 1px #000 solid; } table tr.bottomline:last-of-type td { border-bottom: 0; } .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } /* REGION: Theme */ .hp > div .text-red { /* high contrast */ color: #fe7c7c; } .hp > div .text-golden { /* high contrast */ color: #db9d40; } /*** Underground theme ***/ :root { /*** link text color ***/ --theme-link-color--rgb: 156, 255, 253; /* common */ --theme-border-color--rgb: 0, 0, 0; --theme-highlight-background: rgba(20,20,20, 0.25); --theme-box-border-color-invert: rgba(255,255,255, 0.1); --theme-button-background: linear-gradient(rgba(20,20,20, 0.2), rgba(20,20,20, 0.2)), var(--theme-button-background-active); --theme-button-border-color: rgba(120, 118, 162, 0.7) rgba(63, 44, 92, 0.7) rgba(63, 44, 92, 0.7) rgba(120, 118, 162, 0.7); --theme-button-background-active: #3e393d var(--theme-image-button-background) center center / cover repeat-x; --theme-button-border-color-active: rgb(120, 118, 162) rgb(63, 44, 92) rgb(63, 44, 92) rgb(120, 118, 162); /* sidebar/content common */ --theme-box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); /*** sidebar ***/ --theme-sidebar-box-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #60473b url(https://terraria.wiki.gg/images/8/84/Content-background-underground.jpg); --theme-sidebar-box-border-style: solid; --theme-sidebar-box-border-color: var(--theme-content-border-color); /* set it to "transparent" for no border */ --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color: rgba(234,227,209, 0.5); --theme-sidebar-heading-arrow-color-hover: rgb(234,227,209); --theme-sidebar-heading-background: rgba(20,20,20, 0.15); --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* for hover effect */ /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 1px solid rgb(10,10,10); --theme-sidebar-list-border-top: 1px solid rgba(255,255,255, 0.1); /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: rgba(20,20,20, 0.25); --theme-sidebar-list-item-text-color: var(--theme-text-color-em); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color-em); /* responsive */ --theme-sidebar-box-background-2: #60473b url(https://terraria.wiki.gg/images/a/ae/Navbar-background-underground.jpg); --theme-sidebar-dropdown-background: #60473b url(https://terraria.wiki.gg/images/8/84/Content-background-underground.jpg); /*** content box ***/ --theme-content-background: #3e393d; --theme-content-border-bottom-width: 0; --theme-content-border-style: solid; --theme-content-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-content-subpage-icon-color: rgba(234,227,209,0.4); /* color for "<" */ /** category: box **/ --theme-content-category-background: rgba(20,20,20, 0.25); --theme-content-category-border-style: solid; --theme-content-category-border-color: rgba(13, 4, 2, 0.5) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.5); /** notification **/ --theme-notification-background: url(https://terraria.wiki.gg/images/c/c0/Notification-background-underground.png); --theme-notification-border-color: #cdab7b #562f21 #562f21 #cdab7b; --theme-notification-shadow: 0px 0px 10px 0px rgb(var(--theme-shadow-color-rgb)); /* ------------------------------------------------------------------------- */ /* ========================================================================= */ /* OOUI variables start */ /* ========================================================================= */ /* ------------------------------------------------------------------------- */ /* These helper variables are defined for reuse in the variable definitions below */ --oouihelper--red: #b32424; --oouihelper--red-darker: #551111; --oouihelper--red-lighter: #f04848; --oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6); /* #f0484899 */ --oouihelper--red-lightest: #ff5959; --oouihelper--yellow: #ac6600; --oouihelper--yellow-darker: #4d2e00; --oouihelper--yellow-lighter: #ffcc33; --oouihelper--green: #006633; --oouihelper--green-darker: #00331a; --oouihelper--green-lighter: #00e673; --oouihelper--progressive: var(--theme-link-color); --oouihelper--progressive-transparent: rgba(var(--theme-link-color--rgb), 0.6); --oouihelper--progressive-lighter: rgba(var(--theme-link-color--rgb), 0.8); --oouihelper--disabled: var(--theme-text-color-note); --oouihelper--disabled-lighter-transparent: rgba(196, 196, 196, 0.5); --oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.5); --oouihelper--borderdark: var(--theme-border-color); --oouihelper--borderdark-lighter: rgba(var(--theme-border-color--rgb), 0.85); --oouihelper--borderdark-hover: rgba(var(--theme-border-color--rgb), 0.9); --oouihelper--borderdark-focus: var(--oouihelper--progressive); --oouihelper--textinput-background: rgba(20, 20, 20, 0.65); --oouihelper--textinput-background-lighter: rgba(30, 30, 30, 0.65); --oouihelper--textinput-background-darker: rgba(20, 20, 20, 0.9); --oouihelper--placeholdertext: var(--theme-text-color-note); --oouihelper--themerelated: #8696b6; --oouihelper--themerelated-lighter: #9caccc; --oouihelper--themerelated-lighter-transparent: rgba(156, 172, 204, 0.6); --oouihelper--themerelated-lightest: #b7c7e6; --oouihelper--themerelated-darker: #62708a; --oouihelper--themerelated-darkest: #4b586e; --oouihelper--themerelated-disabled: rgba(134, 150, 182, 0.1); --oouihelper--themerelated-disabled-lighter: rgba(156, 172, 204, 0.6); --oouihelper--text-background: #2c2421; --oouihelper--text-deeper: var(--theme-text-color); /* Actual OOUI variables, grouped by element type */ /* misc */ --ooui--inlinehelp-color: var(--theme-text-color-note); --ooui--disabled-color: var(--oouihelper--disabled); /* all buttons */ --ooui--button-background--hover: #7b573d url(https://terraria.wiki.gg/images/0/0a/Button-background-underground.jpg) center center / cover repeat-x; --ooui--button-background: linear-gradient(rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)), var(--ooui--button-background--hover); --ooui--button-box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px; --ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; /* "normal" button */ --ooui--button-border-top: 1px solid rgba(120, 118, 162, 0.7); --ooui--button-border-right: 1px solid rgba(63, 44, 92, 0.7); --ooui--button-border-bottom: var(--ooui--button-border-right); --ooui--button-border-left: var(--ooui--button-border-top); --ooui--button-border-top--hover: 1px solid rgb(120, 118, 162); --ooui--button-border-right--hover: 1px solid rgb(63, 44, 92); --ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover); --ooui--button-border-left--hover: var(--ooui--button-border-top--hover); --ooui--button-color: var(--theme-text-color); --ooui--button-color--hover: var(--oouihelper--text-deeper); /* "progressive" button */ --ooui--button-progressive-color: var(--oouihelper--progressive); --ooui--button-progressive-color--hover: var(--oouihelper--progressive-lighter); --ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px; --ooui--button-progressive-primary-border-color: var(--oouihelper--progressive); --ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter); /* "destructive" button */ --ooui--button-destructive-color: var(--oouihelper--red-lighter); --ooui--button-destructive-color--hover: var(--oouihelper--red-lightest); --ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px; --ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter); --ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest); /* disabled button */ --ooui--button-disabled-color: var(--oouihelper--disabled); --ooui--button-disabled-background: linear-gradient(var(--oouihelper--disabled-darker-transparent), var(--oouihelper--disabled-darker-transparent)), var(--ooui--button-background--hover); --ooui--button-disabled-border-top: 1px solid rgba(126, 109, 93, 0.7); --ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7); --ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right); --ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top); /* frameless button */ --ooui--button-frameless-on-color: var(--oouihelper--text-deeper); /* textarea */ --ooui--textarea-background-color: var(--oouihelper--textinput-background); --ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext); --ooui--textarea-border-color: var(--oouihelper--borderdark); --ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter); --ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker); --ooui--textarea-disabled-color: var(--oouihelper--disabled); --ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent); --ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9); --ooui--textarea-pending-background-color-2: #000; /* checkbox */ --ooui--checkbox-border-color: var(--oouihelper--themerelated); --ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%238696b6%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); /* set the part between "fill=%22%23" and "%22" to the desired hexcode */ --ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%239caccc%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon); /* radiobutton */ --ooui--radiobutton-border-color: var(--oouihelper--themerelated); --ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled); /* toggleswitch */ --ooui--toggleswitch-border-color: var(--oouihelper--themerelated); --ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker); --ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest); --ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter); /* dropdown */ --ooui--dropdown-background-color: var(--oouihelper--textinput-background); --ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter); --ooui--dropdown-border-color: var(--oouihelper--borderdark); --ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--dropdown-disabled-color: var(--oouihelper--disabled); --ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent); /* selectfile */ --ooui--selectfile-border-color: #72777d; --ooui--selectfile-background-color: var(--oouihelper--textinput-background); --ooui--selectfile-candrop-background-color: #514743; /* tag item */ --ooui--tagitem-background-color: rgba(20, 20, 20, 0.75); --ooui--tagitem-border-color: var(--oouihelper--borderdark); --ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest); --ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter); --ooui--tagitem-color--hover: var(--theme-link-color-hover); --ooui--tagitem-disabled-color: var(--oouihelper--disabled); --ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.5); /* multioption */ --ooui--multioption-disabled-color: var(--oouihelper--disabled); /* progressbar */ --ooui--progressbar-border-color: var(--oouihelper--themerelated); --ooui--progressbar-bar-background-color: var(--oouihelper--themerelated); --ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled); --ooui--progressbar-pending-background-color-1: rgba(var(--theme-link-color--rgb), 0.5); --ooui--progressbar-pending-background-color-2: rgba(var(--theme-border-color--rgb), 0.5); /* messagewidget */ --ooui--messagewidget-notice-background-color: #343031; --ooui--messagewidget-notice-border-color: #1f1c1e; --ooui--messagewidget-error-background-color: var(--oouihelper--red); --ooui--messagewidget-error-border-color: var(--oouihelper--red-darker); --ooui--messagewidget-error-color: var(--oouihelper--red-lighter); --ooui--messagewidget-warning-background-color: var(--oouihelper--yellow); --ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker); --ooui--messagewidget-success-background-color: var(--oouihelper--green); --ooui--messagewidget-success-border-color: var(--oouihelper--green-darker); --ooui--messagewidget-success-color: var(--oouihelper--green-lighter); /* menuselectwidget */ --ooui--menuselect-background-color: var(--oouihelper--text-background); --ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--menuselect-border-color: var(--oouihelper--borderdark); --ooui--menusectionoption-color: var(--oouihelper--placeholdertext); /* tabselectwidget */ --ooui--tabselect-background-color: var(--oouihelper--text-background); --ooui--tabselect-selected-background-color: var(--theme-content-background); --ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter); --ooui--tabselect-frameless-selected-color: var(--theme-link-color); --ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color); --ooui--tabselect-frameless-highlighted-color: #bcd1d2; --ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2; --ooui--taboption-color: var(--oouihelper--placeholdertext); /* outlineselectwidget */ --ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; --ooui--outlineoption-background-color: var(--oouihelper--text-background); --ooui--outlineoption-border-color: var(--oouihelper--borderdark); --ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--outlineoption-pressed-background-color: #22292a; /* popupwidget */ --ooui--popup-background-color: var(--oouihelper--text-background); --ooui--popup-border-color: var(--oouihelper--borderdark); /* layouts */ --ooui--bookletlayout-border-color: var(--oouihelper--borderdark); --ooui--panellayout-border-color: var(--oouihelper--borderdark); /* dialog */ --ooui--dialog-border-color: var(--oouihelper--borderdark); --ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter); /* window */ --ooui--window-background-color: var(--oouihelper--text-background); --ooui--window-border-color: var(--oouihelper--borderdark); /* indicators */ /* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */ --ooui--indicator-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--indicator-invert-filter: brightness(0); /* icons */ --ooui--icon-normal-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--icon-progressive-filter: brightness(0) invert(90%) sepia(18%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%); --ooui--icon-destructive-filter: brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%); --ooui--icon-invert-filter: brightness(0); --ooui--icon-success-filter: brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%); /* #00e673 */ --ooui--icon-warning-filter: brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%); /* #ffcc33 */ --ooui--icon-error-filter: brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%); /* #f04848 */ /* ------------------------------------------------------------------------- */ /* ========================================================================= */ /* OOUI variables end */ /* ========================================================================= */ /* ------------------------------------------------------------------------- */ /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: rgba(234,227,209, 0.5); --theme-widget-toc-arrow-color-hover: rgba(234,227,209); --theme-widget-toc-item-hover-background: rgba(20,20,20, 0.25); --theme-collapsible-toggle-icon-color: var(--theme-text-color-note); --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover); /* temp */ --theme-image-button-background: url(https://terraria.wiki.gg/images/0/0a/Button-background-underground.jpg); } :root { --theme-background: #3e393d; } :root { --theme-top-background: url(https://fargosmods.wiki.gg/images/f/ff/Theme_Border.png) top left repeat-x; /* the "grass" */ --theme-top-background-height: 0px; /* height of the image above. */ --theme-top-background-offset: -3px } :root { --theme-text-color: #f7e8d1; /* main text color. 234,227,209 */ --theme-text-color-note: #b5bdb2; /* note text */ --theme-text-color-em: #f7e8d1; /* 196,235,208 */ --theme-text-color-green: #00be00; --theme-text-color-red: #fe7c7c; } :root { --theme-link-color: #9cfffd; --theme-link-color-hover: #9cfffd; --theme-link-color-visited: #9cfffd; } :root { --theme-widget-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #444041 url(https://terraria.wiki.gg/images/8/84/Content-background-underground.jpg); } :root { --theme-dropdown-background: #444041 url(https://terraria.wiki.gg/images/8/84/Content-background-underground.jpg); } #mw-panel { --theme-background: linear-gradient(rgba(20,20,20, 0.3), rgba(20,20,20, 0.3)), #40404a url(https://fargosmods.wiki.gg/images/2/2f/Theme_Top_Background_Wood.png); } #mw-head { --theme-background: linear-gradient(rgba(20,20,20, 0.3), rgba(20,20,20, 0.3)), #40404a url(https://fargosmods.wiki.gg/images/2/2f/Theme_Top_Background_Wood.png); --theme-tab-background-selected: #3e393d; /* same as #content background */ --theme-tab-background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4)), #3e393d; } #footer { --theme-background: linear-gradient(rgba(20,20,20, 0.3), rgba(20,20,20, 0.3)), #40404a url(https://fargosmods.wiki.gg/images/2/2f/Theme_Top_Background_Wood.png); } /* END REGION: Theme */ 83da9b6415f2cc303228583f716070cdd825876b 309 307 2025-06-13T05:25:31Z Squeaker 434557 Undo revision [[Special:Diff/307|307]] by [[Special:Contributions/Squeaker|Squeaker]] ([[User talk:Squeaker|talk]]) css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 990ed9861efc47fd4f39826fc42a8fad581cf0e4 310 309 2025-06-20T01:40:04Z Squeaker 434557 careful now css text/css /* CSS placed here will be applied to all skins */ /* Import common CSS from the vanilla Terraria Wiki: * @import url(https://terraria.wiki.gg/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css); * Below is snap of https://terraria.wiki.gg/wiki/MediaWiki:Common.css?oldid=931214 */ /******************************************************************************* * * * COMMON.CSS * * * *******************************************************************************/ /* * This page contains the entire stylesheet for the Terraria Wiki. * Import this CSS in a language wiki or the Terraria Mods Wiki via the following line: @import url(https://terraria.wiki.gg/load.php?lang=en&modules=site.styles&only=styles&skin=vector); * * Please do not edit this page directly! * This page was compiled from a series of SCSS files (https://sass-lang.com); * edit those instead and recompile this page. See [[Terraria Wiki:CSS]] to learn more. * * For the stylesheets of the different themes ([[Terraria Wiki:Themes]]), see: * - [[MediaWiki:Theme-Underground.css]] * - [[MediaWiki:Theme-Snow.css]] * - [[MediaWiki:Theme-Jungle.css]] * - [[MediaWiki:Theme-Hallowed.css]] * - [[MediaWiki:Theme-Crimson.css]] * - [[MediaWiki:Theme-Corruption.css]] * - [[MediaWiki:Theme-Legacy.css]] * * For a basic introduction to styling with CSS, see https://www.mediawiki.org/wiki/Manual:CSS */ :root { --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; /* https://www.iconfinder.com/icons/7422432/wikipedia_wiki_encyclopedia_knowledge_education_icon */ --icon-wiki: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Wikipedia'%3E%3Cpath d='M32.59,12.32a.46.46,0,0,1-.08.25.26.26,0,0,1-.19.11,2.34,2.34,0,0,0-1.35.53,5,5,0,0,0-1.09,1.73L24.16,27.82c0,.12-.14.18-.31.18a.33.33,0,0,1-.31-.18l-3.21-6.7-3.69,6.7a.34.34,0,0,1-.31.18.34.34,0,0,1-.33-.18L10.39,14.94a4.37,4.37,0,0,0-1.11-1.67,3,3,0,0,0-1.63-.59.19.19,0,0,1-.16-.1.29.29,0,0,1-.08-.22c0-.21.06-.31.18-.31.5,0,1,0,1.57.07s1,.07,1.43.07,1,0,1.61-.07,1.23-.07,1.73-.07c.12,0,.18.1.18.31s0,.32-.11.32a2.09,2.09,0,0,0-1.18.38,1,1,0,0,0-.44.85,1.72,1.72,0,0,0,.18.67L17.2,25.06l2.64-5-2.46-5.15a6.87,6.87,0,0,0-1.08-1.78A2.25,2.25,0,0,0,15,12.68a.17.17,0,0,1-.15-.1.33.33,0,0,1-.08-.22c0-.21.05-.31.16-.31a11.78,11.78,0,0,1,1.38.07,12.87,12.87,0,0,0,1.29.07c.45,0,.92,0,1.42-.07s1-.07,1.52-.07c.12,0,.18.1.18.31s0,.32-.11.32c-1,.07-1.5.35-1.5.85a2.8,2.8,0,0,0,.35,1l1.62,3.3,1.62-3A2.43,2.43,0,0,0,23,13.78c0-.69-.5-1.06-1.5-1.1-.09,0-.13-.11-.13-.32a.42.42,0,0,1,.06-.21c.05-.07.09-.1.14-.1.36,0,.8,0,1.32.07s.91.07,1.23.07.58,0,1-.06,1.05-.08,1.43-.08c.09,0,.13.09.13.27s-.08.36-.24.36a2.81,2.81,0,0,0-1.41.48,6.12,6.12,0,0,0-1.33,1.78l-2.15,4,2.91,5.94,4.31-10a2.64,2.64,0,0,0,.22-1c0-.73-.5-1.12-1.5-1.16-.09,0-.14-.11-.14-.32s.07-.31.21-.31c.36,0,.8,0,1.3.07s.85.07,1.16.07.71,0,1.14-.07a11.09,11.09,0,0,1,1.22-.07Q32.59,12.05,32.59,12.32Z'/%3E%3C/g%3E%3C/svg%3E"); /* https://www.iconfinder.com/icons/8678406/brush_paint_painting_icon */ --icon-brush: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.456 9.678l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246zM13.29 6.216l4.939-3.841a1 1 0 0 1 1.32.082l2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c3.98-3 3.047-4.81 3.5-6.5 1.058-3.95 4.842-6.257 8.789-5.284zm3.413 1.879c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746-3.182 2.475 1.125 1.125z'/%3E%3C/g%3E%3C/svg%3E"); /* icons below are from https://tabler-icons.io/ */ --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } @media screen and (min-width: 2472px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 2200px; } } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { display: table; white-space: unset; /* be set to `nowrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } body, code { background: none; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } /*********************************************************************************************************** * base CSS styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: var(--font-family); color: var(--theme-text-color); } /* Text color */ #content { color: var(--theme-text-color); } html { background: var(--theme-site-background); /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ overflow-y: scroll; } body { font-size: var(--font-size); line-height: var(--line-height); } ul, ol { margin: 2px 0 2px 1.5em; } ul { list-style-image: none; } li { margin: 0 0 2px 0; } small { font-size: var(--font-size-s); line-height: var(--line-height-s); } sup, sub { font-size: var(--font-size-s); } /* Code styling, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#164 * (not sure about the purpose of ".mw-code", it only seems to be used on very * long Lua pages like [[Module:Exclusive/data]]) * (looks like ".mw-code" can also be used manually on pages to mimic <pre> * styling while still respecting wikicode; see [[Help:Displaying code text]]) */ pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-box-border-color-light); } pre, .mw-code { background-color: var(--theme-box-background); } /* Break really long words when they overflow to the next line. * By default this is only applied to pre and .mw-code, not code: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#177 */ code { word-wrap: break-word; } fieldset { border-width: 2px; border-color: var(--theme-border-color); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* Blockquotes, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/master/resources/common/typography.less */ .vector-body blockquote { border-left-color: var(--oouihelper--themerelated-lighter-transparent); padding-left: 24px; } /*********************************************************************************************************/ /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* "Note text" color */ .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#230 */ .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .fullheight, .full-height { height: 100%; } .nowrap { white-space: nowrap; } /* The default ".center" class has a "width:100%" style, see here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#219 * We don't always want that, so we're using a different, new class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* floating */ .float-right { float: right; margin: 0 0 var(--layout-gap) var(--layout-gap); } .float-left { float: left; margin: 0 var(--layout-gap) var(--layout-gap) 0; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } /* Theme-aware color for icons (black for light themes, white for dark themes) */ .blackwhite-icon { filter: var(--ooui--icon-normal-filter); } /* Invert for dark theme -- deprecated, please use ".blackwhite-icon" */ .dark-invert { filter: invert(1); } /* Invert class */ .invert { filter: invert(1); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#55 */ hr { height: 0; background: none; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin: 4px 0; } hr.space { height: 4px; background: none; border: 0; } hr.incell-border { /* border inside a table cell */ margin: 0.7em 0; background-color: var(--theme-box-border-color); } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: " • "; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: " ("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ". "; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li, dt, dd):not(:has(:is(li, dt, dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: 100px; /* scroll offset */ } body { height: auto; margin: 0 !important; /* fix for some contexts such as SearchDigest popup dialog */ } /*** main grid container ***/ body { /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--wikigg-header-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end] var(--layout-footerspace) [body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head, #mw-head-base { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some pages such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel, #mw-panel * { box-sizing: border-box; } #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 6px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel #t-print { /* hide the "Printable version" link. */ display: none; } #mw-panel a:not(:focus) { /* remove the underline from links, unless the links are focused (accessibility: focused links must be distinguishable in some way) */ text-decoration: none; } #mw-panel .menu-toggle { display: none; } #mw-panel .mw-portlet { /* section box */ border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-section-background); margin: 0; padding: 0; } #mw-panel .mw-portlet .vector-menu-heading { /* section heading */ border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; background: var(--theme-heading-background); margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } #mw-panel .mw-portlet .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); transform: scaleY(-1); } .client-nojs #mw-panel .mw-portlet .vector-menu-heading { /* the cursor should not be pointer if JavaScript is disabled * (because the heading can't be clicked in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ cursor: unset; } .client-nojs #mw-panel .mw-portlet .vector-menu-heading::after { /* don't display the arrow if JavaScript is disabled (because * the heading can't be collapsed in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ display: none; } #mw-panel .mw-portlet:hover .vector-menu-heading::after { background-color: var(--theme-icon-color-hover); } #mw-panel .mw-portlet.collapsed .vector-menu-heading::after { transform: none; } #mw-panel #p-logo + .mw-portlet, #mw-panel .menu-toggle + .mw-portlet { /* first section */ position: relative; /* for the "grass" */ } #mw-panel #p-logo + .mw-portlet .vector-menu-heading, #mw-panel .menu-toggle + .mw-portlet .vector-menu-heading { /* show the heading of first section */ display: flex; } #mw-panel #p-logo + .mw-portlet::before, #mw-panel .menu-toggle + .mw-portlet::before { /* the "grass" */ content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .mw-portlet border width */ margin-top: -1px; /* compensate .mw-portlet border width */ left: -1px; } #mw-panel .mw-portlet .body { /* list body */ background: none; border: 0; padding: 0; margin: 0; } #mw-panel .mw-portlet .body::before { /* line between header and body */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); } #mw-panel .mw-portlet .body ul { padding: 4px; } #mw-panel .mw-portlet .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: calc(var(--list-body-font-size) + 2px); border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-panel .mw-portlet .body li:hover { background: var(--theme-highlight-background); } #mw-panel .mw-portlet .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .mw-portlet .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .mw-portlet .body li a:hover { color: var(--theme-link-color-hover); } #mw-panel .mw-portlet .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** #mw-head (navbar) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; box-sizing: border-box; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --layout-content-size-toggle-gap-left: 4px; --layout-content-size-toggle-gap-right: 5px; --tab-padding-x: 12px; --tab-padding-y: 4px; --icon-size: 1em; --icon-margin: 3px; top: unset; /* reset for under 720/960px */ box-sizing: border-box; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: stretch; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; border-bottom: 1px solid var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #nav-content-size-toggle { flex: 0 0 auto; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before { flex: 0 0 calc(var(--layout-content-size-toggle-gap-left) + 22px + var(--layout-content-size-toggle-gap-right)); /* for sidebar toggle button */ } #mw-head #right-navigation::after { flex: 0 0 calc(var(--layout-padding) - var(--layout-gap)); /* last item of #right-navigation has margin-right:var(--layout-gap) */ } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: stretch; } /* tab */ #mw-head { --theme-tab-border-radius: var(--theme-widget-border-radius); --theme-tab-border-style: solid; --theme-tab-border-left-width: 1px; --theme-tab-border-right-width: 1px; --theme-tab-border-top-width: 1px; --theme-tab-border-bottom-width: 1px; --theme-tab-border-width: var(--theme-tab-border-top-width) var(--theme-tab-border-right-width) var(--theme-tab-border-bottom-width) var(--theme-tab-border-left-width); --theme-tab-border-bottom-color: var(--theme-border-bottom-color); --theme-tab-border-bottom: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) var(--theme-tab-border-bottom-color); --theme-tab-border-bottom-selected: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ height: auto; border-bottom: var(--theme-tab-border-bottom); position: relative; padding-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* inset shadow */ content: ""; display: block; pointer-events: none; width: 100%; height: 100%; background: var(--theme-background-shadow); position: absolute; right: 0; bottom: 0; } #mw-head .vector-menu-tabs .mw-list-item.icon, #mw-head .vector-menu-dropdown.icon { display: flex; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); background: var(--theme-tab-background); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color-selected); border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; padding-right: 0; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item.selected::after { /* gap */ width: var(--layout-gap); right: auto; left: 100%; margin: 0 0 0 var(--theme-tab-border-left-width); /* left offset */ border-bottom: var(--theme-tab-border-bottom); } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-tab-border-bottom-selected); background: none; color: var(--theme-text-color); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { all: unset; /* arrow icon */ content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; margin-top: 0; white-space: nowrap; z-index: 999; } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li { border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--layout-dropdown-item-padding-y) var(--layout-dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* "more" menu */ #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: var(--layout-gap); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: var(--icon-star-empty); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: var(--icon-star-filled); } /*** search form ***/ #mw-head #p-search { --theme-border-radius: 2px; --theme-background: var(--theme-tab-background); --theme-background-active: var(--theme-tab-background-selected); --theme-border-color: var(--theme-legacy-search-border-color); --theme-border-color-active: var(--theme-legacy-search-border-color-active); background: var(--theme-background-shadow); border: 0; border-bottom: 1px solid var(--theme-border-bottom-color); margin: 0; padding: 1px var(--layout-gap) 0 2px; } #mw-head #p-search > div { display: flex; align-items: flex-start; height: 100%; } #mw-head #p-search form { margin: 0; overflow: hidden; width: auto; opacity: unset; align-self: stretch; padding-bottom: var(--layout-gap); } #mw-head #p-search #simpleSearch { margin: 0; width: 50vw; max-width: 15em; display: flex; } #mw-head #p-search .vector-search-box-input { height: unset; padding: 0 26px 0 4px; box-shadow: none; caret-color: var(--theme-text-color); align-self: stretch; border-radius: var(--theme-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-border-color); background: var(--theme-background); color: var(--theme-text-color); } #mw-head #p-search .vector-search-box-input:focus { outline: 0; border-color: var(--theme-border-color-active); } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: var(--icon-search) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 19px 19px; mask-size: 19px 19px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head #p-search .searchButton:hover { background-color: var(--theme-icon-color-hover); } #mw-head #p-search .searchButton.mw-fallbackSearchButton { opacity: 0; } /*** search result suggestions ***/ .suggestions { border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 0; border-bottom: 1px solid var(--theme-border-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; line-height: unset; } .suggestions .suggestions-special { margin: 0; border: 0; line-height: unset; padding: 2px 4px 4px; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-text-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); } #nav-content-size-toggle { display: none; } @media screen and (min-width: 1367px) { /*** sidebar toggle ***/ #nav-content-size-toggle { display: flex; padding-left: var(--layout-content-size-toggle-gap-left); margin-right: calc(0px - var(--layout-content-size-toggle-gap-left) - 22px); /* effective width = 0 */ } #nav-content-size-toggle span { align-self: center; display: block; width: 22px; height: 22px; cursor: pointer; --mask: var(--icon-sidebar-collapse) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } .content-size-expanded #nav-content-size-toggle span { --mask: var(--icon-sidebar-expand) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } .content-size-expanded #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } /* expanded */ body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right nav-left content-left footer-left] var(--layout-sidebar-width) var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } /****** main content box ******/ /* font */ .vector-body { font-size: inherit; /* reset */ line-height: inherit; } /** layout **/ #content { color: inherit; padding: 0; display: flex; flex-direction: column; background: var(--theme-background); border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /*** main heading section ***/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/REL1_43/resources/skins.vector.styles.legacy/layouts/screen.less#46 */ .mw-body .firstHeading { /* fix scroll-x issue for narrow width */ overflow: hidden; } /* the " < rootpage < page " crumb */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/interface-subtitle.less#6 */ #contentSub, #contentSub2 { font-size: 12px; line-height: 20px; margin: 0; color: var(--theme-text-color-note); } /* custom "back-arrows" */ #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the line between heading section and content body box */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 20em; } /********* Catlinks *********/ /* "Categories:" box at the bottom of the page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.skinning/interface.category.less */ .catlinks { border-color: var(--theme-border-color); border-radius: var(--theme-widget-border-radius); background: var(--theme-background); padding: 6px 12px; margin: var(--layout-padding-y) 0 0 0; } .catlinks li { border-left-color: var(--theme-border-color-accent); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) 0 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 var(--layout-padding-x) var(--layout-padding-y) 0; } /********* TablePager *********/ /* Data tables, used on e.g. Special:ListFiles */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.pager.styles/DataTable.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.pager.styles/TablePager.less */ .mw-datatable { border-color: var(--oouihelper--borderdark); } .mw-datatable td, .mw-datatable th { border-color: var(--oouihelper--borderdark); } .mw-datatable th { background-color: var(--oouihelper--textinput-background-darker); } .mw-datatable td { background-color: var(--oouihelper--textinput-background); } .mw-datatable tr:hover td { background-color: var(--oouihelper--textinput-background-lighter); } /********* Indicators *********/ /* The section with the little icons on the top right, e.g. the help icon on category pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/interface-indicators.less */ .mw-body .mw-indicators { z-index: 0; } .mw-body .mw-indicator { vertical-align: middle; } /****** #footer (copyright info) ******/ #footer { font-size: var(--font-size-s); line-height: 1.5; background: var(--theme-background); padding: var(--layout-padding-y) var(--layout-padding-y); border-radius: 0 0 var(--theme-widget-border-radius) var(--theme-widget-border-radius); border-width: 0 1px 1px; border-style: solid; border-color: var(--theme-widget-border-color); box-shadow: var(--theme-inner-shadow); z-index: 0; /* covered by content */ } #footer * { font-size: inherit; } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer #footer-icons a { background-image: none; color: #000; } /* background box for nav+content+#footer */ #mw-page-base { box-shadow: var(--theme-widget-shadow); border-radius: var(--theme-widget-border-radius); background: none; z-index: -1; } #mw-head, #content, #footer { margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /* the "grass" for main box */ #mw-head-base { margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: relative; top: var(--theme-top-background-offset); z-index: 1; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1366px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] var(--wikigg-header-height) [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end] var(--layout-footerspace) [body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-items: flex-end; align-self: end; height: min-content; padding: 0 4px; border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 100; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { padding: 12px 8px 9px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { transform: scaleY(1); /* normalize arrow direction */ margin-left: 3px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body::before { display: none; } #mw-panel .portal .body li { line-height: unset; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel #p-logo + .portal::before { /* hide the "grass" for first section */ display: none; } #mw-panel::before { content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .portal border width */ margin-top: -1px; /* compensate .portal border width */ left: -1px; z-index: 1; } #mw-head #p-search { position: absolute; z-index: 101; top: -45px; background: none; border: 0; padding: 0 var(--layout-padding) 0 0; } /* remove the "grass" from main box */ #mw-head-base { display: none; } /* no sidebar toggle now. */ #mw-head #left-navigation::before { flex: 0 0 var(--layout-padding); } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } } /* screen and (max-width: 1366px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; --layout-box-gap: 6px; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } /* the "grass" size fix */ #mw-panel::before { padding: 0; left: 0; } #mw-panel { display: block; height: 41px; } #mw-panel .menu-toggle { --mask: var(--icon-category) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 9px 12px 6px; } #mw-panel .portal { display: none; background: var(--theme-dropdown-background); border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; box-shadow: none; padding: 0 0 8px; width: 100%; } #mw-panel .portal .body ul { padding: 0 12px; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel #p-logo + .portal .vector-menu-heading { padding-top: 8px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-panel #p-lang { /* "languages"*/ display: block; justify-content: flex-end; position: absolute; left: 48px; top: 9px; background: none; } #mw-panel #p-lang .vector-menu-heading { margin: 0; padding: 0; width: 24px; height: 24px; } #mw-panel #p-lang .vector-menu-heading span { display: none; } #mw-panel #p-lang .vector-menu-heading::before { content: ""; display: block; pointer-events: none; --mask: var(--icon-language) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); width: 24px; height: 24px; margin: 0; } #mw-panel #p-lang .body { display: none !important; position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 6px; } #mw-panel #p-lang .body ul { display: block; padding: 4px 4px 0 4px; } #mw-panel #p-lang.expanded .body { display: block !important; } #mw-head #p-search { top: -45px; } #mw-head #p-search #simpleSearch { width: 65vw; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* navbar tabs to icons */ #mw-head { --icon: var(--icon-wiki); --icon-size: 18px; --icon-margin: 2px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: var(--icon-edit); } #ca-view, #ca-view-foreign { --icon: var(--icon-eye); } #left-navigation li[id^=ca-nstab-] { --icon: var(--icon-doc); } #left-navigation #ca-nstab-legacy { --icon: var(--icon-legacy); } #ca-history { --icon: var(--icon-history); } #ca-talk { --icon: var(--icon-talk); } #t-contributions { --icon: var(--icon-jigsaw); } #ca-addsection { --icon: var(--icon-pencil-plus); } #ca-viewsource { --icon: var(--icon-code); } #p-variants { --icon: var(--icon-globe); } #p-cactions { --icon: var(--icon-more); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:600px) */ /***** Notification area *****/ /* Notification boxes on the right, e.g. after patrolling an edit. * Introduction: https://www.mediawiki.org/wiki/Bubble_notifications */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/common.css * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/default.css */ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); transform: none; } .mw-notification.mw-notification-type-error { border-color: var(--theme-notice-red-border-color); color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { border-color: var(--theme-notice-orange-border-color); color: var(--theme-notice-orange-text-color); } .mw-notification.mw-notification-type-success { border-color: var(--theme-notice-green-border-color); color: var(--ooui--messagewidget-success-color); } /********* Collapsible elements *********/ /* Documentation of jquery.makeCollapsible: * https://www.mediawiki.org/wiki/Manual:Collapsible_elements * https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#jquery.makeCollapsible */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/jquery/jquery.makeCollapsible.less#16 */ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } .mw-collapsible-toggle-default .mw-collapsible-text:active, .mw-collapsible-toggle-default .mw-collapsible-text:hover { color: var(--theme-link-color-hover); } .mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { color: var(--theme-text-color); } /* Define custom classes "mw-collapsible-alignbtnright", "mw-collapsible-alignbtnleft": * For floating the "Collapse"/"Expand" link (instead of always right next to text) */ .mw-collapsible-alignbtnright .mw-collapsible-toggle { float: right !important; } .mw-collapsible-alignbtnleft .mw-collapsible-toggle { float: left !important; } /* Define a custom class "mw-collapsible-nofloat": * To forcibly prevent floating altogether */ .mw-collapsible-nofloat .mw-collapsible-toggle { float: none; } /* Define a custom class "plaincollapse": * Removes brackets from collapse/expand links and makes the text bold */ /* only apply to immediate children (".plaincollapse > ") to allow nesting */ .plaincollapse > .mw-collapsible-toggle-default .mw-collapsible-text { font-weight: bold; } .plaincollapse > .mw-collapsible-toggle-default::before, .plaincollapse > .mw-collapsible-toggle-default::after { color: transparent; } /********* Usermessage *********/ /* Box at the top of all pages when the user has a new message on their User_talk: page: * https://meta.wikimedia.org/wiki/New_messages_notification */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/interface-user-message.less */ .usermessage { border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); border-color: var(--theme-notice-yellow-border-color); background: var(--theme-notice-yellow-background-color); color: var(--theme-text-color); } /********* Message boxes *********/ /* Various boxes * * Prior to MediaWiki 1.43, these were used e.g. for the warning when previewing * a page. In MediaWiki 1.43, that was changed to Codex messages (".cdx-message") * and now it looks like they're no longer used for anything. * * Also, ".{message|error|warning|success}box" are fully deprecated already since * MediaWiki 1.39, see: * https://phabricator.wikimedia.org/T300306 * https://phabricator.wikimedia.org/T270796 * https://phabricator.wikimedia.org/T300314 */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.skinning/messageBoxes.less */ .messagebox, .errorbox, .warningbox, .successbox, .mw-message-box, .mw-message-box-warning, .mw-message-box-error, .mw-message-box-success { color: var(--theme-text-color); } .messagebox, .mw-message-box { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .errorbox, .mw-message-box-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .warningbox, .mw-message-box-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .successbox, .mw-message-box-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } /********* Spinner *********/ /* e.g. when patrolling an edit */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/jquery.spinner/spinner.less#61 */ .mw-spinner-container > div::after { background: var(--theme-text-color-em); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: " "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { content: ""; display: block; pointer-events: none; box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); width: 20px; height: 100%; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * CSS for pages in the "MediaWiki:" or "Special:" namespace, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* mediawiki.ui *********/ /********* mediawiki.ui.button *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.button/button.less */ /* the rules here can seem a bit strange/redundant/counter-intuitive, but that's necessary to overwrite the default styling */ .mw-ui-button { border-radius: 4px; background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); } .mw-ui-button:not(:disabled) { box-shadow: var(--ooui--button-box-shadow); transition: none; } .mw-ui-button:not(:disabled):visited { color: var(--ooui--button-color); } .mw-ui-button:not(:disabled):hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .mw-ui-button:not(:disabled):focus { color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .mw-ui-button:disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .mw-ui-button.mw-ui-quiet:not(:disabled), .mw-ui-button.mw-ui-quiet.mw-ui-progressive:not(:disabled), .mw-ui-button.mw-ui-quiet.mw-ui-destructive:not(:disabled) { border-radius: 0; background: unset; color: var(--ooui--button-color); border-width: 0; box-shadow: none; } .mw-ui-button.mw-ui-quiet:not(:disabled):hover, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:not(:disabled):hover, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:not(:disabled):hover { background: unset; color: var(--ooui--button-color--hover); border-width: 0; } .mw-ui-button.mw-ui-quiet:not(:disabled):focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:not(:disabled):focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:not(:disabled):focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .mw-ui-button.mw-ui-quiet:not(:disabled):active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:not(:disabled):active { background: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .mw-ui-button.mw-ui-quiet:disabled, .mw-ui-button.mw-ui-quiet:disabled:hover, .mw-ui-button.mw-ui-quiet:disabled:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled:hover, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled:hover, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled:active { border-radius: 0; background: unset; color: var(--ooui--button-disabled-color); border-width: 0; box-shadow: none; } .mw-ui-button.mw-ui-progressive:not(:disabled) { border-radius: 4px; background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); border-color: var(--ooui--button-progressive-primary-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .mw-ui-button.mw-ui-progressive:not(:disabled):active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); border-color: var(--ooui--button-progressive-primary-border-color); } .mw-ui-button.mw-ui-progressive:disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:not(:disabled) { color: var(--ooui--button-progressive-color); } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:not(:disabled):hover { color: var(--ooui--button-progressive-color--hover); } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:not(:disabled):focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:not(:disabled):active { color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .mw-ui-button.mw-ui-destructive:not(:disabled) { border-radius: 4px; background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); border-color: var(--ooui--button-destructive-primary-border-color); } .mw-ui-button.mw-ui-destructive:not(:disabled):hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-destructive-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } .mw-ui-button.mw-ui-destructive:not(:disabled):focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .mw-ui-button.mw-ui-destructive:not(:disabled):active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); border-color: var(--ooui--button-destructive-primary-border-color); } .mw-ui-button.mw-ui-destructive:disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:not(:disabled) { color: var(--ooui--button-destructive-color); } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:not(:disabled):hover { color: var(--ooui--button-destructive-color--hover); } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:not(:disabled):focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:not(:disabled):active { color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } input[type=submit].mw-ui-button { /* this is necessary because of a rule in base.scss */ color: var(--ooui--button-color); } /********* mediawiki.ui.checkbox *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.checkbox/checkbox.less */ .mw-ui-checkbox [type=checkbox] + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; } .mw-ui-checkbox [type=checkbox]:checked + label::before { background-image: none; background-size: 1em 1em; } .mw-ui-checkbox [type=checkbox]:enabled + label::before { border-color: var(--ooui--checkbox-border-color); } .mw-ui-checkbox [type=checkbox]:enabled:focus + label::before { border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); outline: 0; } .mw-ui-checkbox [type=checkbox]:enabled:hover + label::before { border-color: var(--ooui--checkbox-border-color--hover); } .mw-ui-checkbox [type=checkbox]:enabled:active + label::before { background-color: var(--ooui--checkbox-border-color); border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .mw-ui-checkbox [type=checkbox]:enabled:checked + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .mw-ui-checkbox [type=checkbox]:enabled:checked:focus + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .mw-ui-checkbox [type=checkbox]:enabled:checked:hover + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color--hover); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon--hover); } .mw-ui-checkbox [type=checkbox]:enabled:checked:active + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .mw-ui-checkbox [type=checkbox]:disabled + label::before { background-color: var(--ooui--checkbox-disabled-background-color); border-color: var(--ooui--checkbox-border-color); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } /********* mediawiki.ui.icon *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.icon/icons-2.less */ .mw-ui-icon-before::before { filter: var(--ooui--icon-normal-filter); } /********* mediawiki.ui.input *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.input/input.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.less/mediawiki.mixins.less */ .mw-ui-input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-ui-input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-ui-input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-ui-input::placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-ui-input:not(:disabled) { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .mw-ui-input:not(:disabled):hover { border-color: var(--ooui--textarea-border-color--hover); } .mw-ui-input:not(:disabled):focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: none; outline: 0; } .mw-ui-input:disabled { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /********* mediawiki.widgets *********/ /********* mediawiki.widgets.CalendarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.widgets/mw.widgets.CalendarWidget.less */ .mw-widget-calendarWidget { border-color: var(--ooui--textarea-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); outline: 0; } .mw-widget-calendarWidget-day { color: var(--theme-text-color); } .mw-widget-calendarWidget-day-heading { color: var(--theme-text-color-em); } .mw-widget-calendarWidget-day-additional { color: var(--oouihelper--disabled-lighter-transparent); } .mw-widget-calendarWidget-day-additional:hover { color: var(--theme-text-color-em); } .mw-widget-calendarWidget-day-today { border: 1px solid var(--oouihelper--progressive-transparent); box-shadow: none; } .mw-widget-calendarWidget-item:hover { background-color: var(--oouihelper--textinput-background-lighter); color: var(--theme-text-color-em); } .mw-widget-calendarWidget-item-selected { background-color: var(--oouihelper--textinput-background-darker); color: var(--oouihelper--progressive); } /********* mediawiki.widgets.DateInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less */ .mw-widget-dateInputWidget-calendar { background-color: var(--oouihelper--text-background); box-shadow: none; } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle { color: var(--ooui--textarea-placeholder-color); } .mw-widget-dateInputWidget.oo-ui-flaggedElement-invalid .mw-widget-dateInputWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--ooui--textarea-border-color--hover); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) ~ .mw-widget-dateInputWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); } .mw-widget-dateInputWidget.oo-ui-widget-disabled .mw-widget-dateInputWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.styles.less */ .mw-widget-dateInputWidget-handle { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle { box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--ooui--textarea-border-color--hover); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { outline: 0; border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } /********* mediawiki.widgets.datetime *********/ /********* mediawiki.widgets.datetime/CalendarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.widgets.datetime/CalendarWidget.less */ .mw-widgets-datetime-calendarWidget { background-color: var(--theme-background); border-color: var(--ooui--textarea-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell .oo-ui-buttonElement-button { border-color: var(--oouihelper--borderdark); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button:hover .oo-ui-labelElement-label { color: var(--theme-text-color-em); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button { background-color: var(--oouihelper--textinput-background-darker); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: var(--oouihelper--progressive); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--oouihelper--textinput-background-lighter); color: var(--theme-text-color-em); border-color: var(--oouihelper--borderdark-hover); } .mw-widgets-datetime-calendarWidget:focus .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-focused .oo-ui-buttonElement-button { border-color: var(--oouihelper--borderdark-focus); } /********* mediawiki.widgets.datetime/DateTimeInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.less */ .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget-editField .mw-widgets-datetime-dateTimeInputWidget-invalid { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget-editField .mw-widgets-datetime-dateTimeInputWidget-invalid:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget-empty .mw-widgets-datetime-dateTimeInputWidget-handle { color: var(--ooui--textarea-placeholder-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--ooui--textarea-border-color--hover); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input, .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea { border-color: var(--ooui--textarea-border-color--hover); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--oouihelper--textinput-background-lighter); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:focus { box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .mw-widgets-datetime-dateTimeInputWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .mw-widgets-datetime-dateTimeInputWidget-handle:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-disabled .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); border-color: var(--ooui--textarea-disabled-border-color); text-shadow: none; } /* -------------------------------------------------------------------------------- * ===================================== OOUI ===================================== * -------------------------------------------------------------------------------- * OOUI ([[mw:OOUI]]) is a library that is used by MediaWiki to provide "widgets, * layouts, and windows". This includes various interface elements, like buttons, * text input fields, checkboxes, radio buttons, etc. For instance, the entire * form at the top of [[Special:AllPages]] consists of OOUI elements. See * https://doc.wikimedia.org/oojs-ui/master/demos for a demo of almost everything * OOUI provides. A local adaptation of that demo is at [[Terraria Wiki:OOUI demo]], * where our custom OOUI styling can be tested out with the different themes. * * As with all of our customization of MediaWiki styling, the file structure and * contents are kept as close to the original as possible, for easier maintainability. * For OOUI, it is notable that the rules defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles * usually only concern very basic styling, which we don't need to adjust. Instead, * the more interesting styles with colors, border radii, etc. are defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui * * Only default OOUI styles (those from the links above) are customized here. Some * other parts of MediaWiki like RCFilters ([[mw:RCFilters]]) and especially certain * extensions also affect OOUI, but those styles belong in their respective files. * -------------------------------------------------------------------------------- */ /********* OOUI: MessageDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/MessageDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-title { color: var(--theme-text-color); } .oo-ui-messageDialog-message { color: var(--theme-text-color); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { border-bottom-color: var(--ooui--dialog-border-color--lighter); } /********* OOUI: ProcessDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/ProcessDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-right-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); border-right: var(--ooui--button-border-right--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } /* button hover border fixes */ .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active { border-top: var(--ooui--button-border-top--hover); border-bottom: var(--ooui--button-border-bottom--hover); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right: var(--ooui--button-border-right--hover); border-left: var(--ooui--button-border-left--hover); } /********* OOUI: ButtonElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/ButtonElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--ooui--button-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: unset; color: var(--ooui--button-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { color: var(--ooui--button-disabled-color); } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { border-radius: 4px; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } /********* OOUI: PendingElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/PendingElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--textarea-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--textarea-pending-background-color-2) 50%, var(--ooui--textarea-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: icons *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/IconElement.less */ .oo-ui-iconElement-icon { filter: var(--ooui--icon-normal-filter); } /* the six "icon variants" invert/progressive/destructive/error/warning/success are defined in icons-*.json in this directory: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/ * but the colors are set to the same values in every file: * invert: #fff * progressive: #36c * destructive #d33 * error #d33 * warning #edab00 * success #14866d */ .oo-ui-iconElement-icon.oo-ui-image-invert { filter: var(--ooui--icon-invert-filter); } .oo-ui-iconElement-icon.oo-ui-image-progressive { filter: var(--ooui--icon-progressive-filter); } .oo-ui-iconElement-icon.oo-ui-image-destructive { filter: var(--ooui--icon-destructive-filter); } .oo-ui-iconElement-icon.oo-ui-image-error { filter: var(--ooui--icon-error-filter); } .oo-ui-iconElement-icon.oo-ui-image-warning { filter: var(--ooui--icon-warning-filter); } .oo-ui-iconElement-icon.oo-ui-image-success { filter: var(--ooui--icon-success-filter); } /********* OOUI: indicators *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/indicators.json */ .oo-ui-indicator-clear { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-clear { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-up { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-up { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-down { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-down { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-required { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-required { filter: var(--ooui--indicator-invert-filter); } /********* OOUI: BookletLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/BookletLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { border-top-color: var(--ooui--bookletlayout-border-color); } .oo-ui-bookletLayout > .oo-ui-menuLayout-menu { border-right-color: var(--ooui--bookletlayout-border-color); } /********* OOUI: FieldLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/FieldLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* OOUI: PanelLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/PanelLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-panelLayout-framed { border-color: var(--ooui--panellayout-border-color); } /********* OOUI: ButtonGroupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonGroupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left-color: var(--ooui--button-disabled-border-left); } .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button, .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--button-border-left); } /********* OOUI: ButtonSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } /********* OOUI: CheckboxInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/CheckboxInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-checkboxInputWidget [type=checkbox] + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; filter: none; } .oo-ui-checkboxInputWidget [type=checkbox]:indeterminate + span::before { background-color: var(--ooui--checkbox-border-color); } .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span { background-color: var(--ooui--checkbox-disabled-background-color); border-color: var(--ooui--checkbox-border-color); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:focus + span { border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:hover + span { border-color: var(--ooui--checkbox-border-color--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:active + span { background-color: var(--ooui--checkbox-border-color); border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:focus + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:hover + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color--hover); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:active + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: none; } /********* OOUI: DropdownInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { transition-duration: unset; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: var(--ooui--dropdown-disabled-color); border-color: transparent; } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled:hover { background-color: var(--ooui--dropdown-background-color--hover); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled { background-color: var(--ooui--dropdown-disabled-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled select { border-color: var(--ooui--dropdown-disabled-border-color); } /********* OOUI: DropdownWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownWidget-handle { border-color: var(--ooui--dropdown-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); color: var(--theme-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background-color: var(--ooui--dropdown-background-color--hover); color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active { color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { border-color: var(--ooui--dropdown-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--dropdown-border-color--focus); } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { color: var(--ooui--dropdown-disabled-color); text-shadow: none; border-color: var(--ooui--dropdown-disabled-border-color); background-color: var(--ooui--dropdown-disabled-background-color); } /********* OOUI: LabelWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/LabelWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-labelWidget.oo-ui-inline-help { color: var(--ooui--inlinehelp-color); } /********* OOUI: MenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-link-color); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--theme-text-color); } /********* OOUI: MenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSectionOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSectionOptionWidget { color: var(--ooui--menusectionoption-color); } /********* OOUI: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSelectWidget { background-color: var(--ooui--menuselect-background-color); border-color: var(--ooui--menuselect-border-color); } /********* OOUI: MessageWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MessageWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-error-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-success-color); } /********* OOUI: MultioptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MultioptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-multioptionWidget.oo-ui-widget-disabled { color: var(--ooui--multioption-disabled-color); } /********* OOUI: OptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--ooui--disabled-color); } /********* OOUI: OutlineOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-selected-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed { background-color: var(--ooui--outlineoption-pressed-background-color); color: var(--theme-link-color); } /********* OOUI: OutlineSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineSelectWidget:focus { box-shadow: var(--ooui--outlineselect-box-shadow--focus); } /********* OOUI: PopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/PopupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-popupWidget-popup { background-color: var(--ooui--popup-background-color); border-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before { border-bottom-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after { border-bottom-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before { border-top-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after { border-top-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::before { border-right-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::after { border-right-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::before { border-left-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::after { border-left-color: var(--ooui--popup-background-color); } /********* OOUI: ProgressBarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ProgressBarWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-progressBarWidget { border-color: var(--ooui--progressbar-border-color); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) { background-color: transparent; } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-bar-background-color); } .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-disabled-border-color); } .oo-ui-progressBarWidget.oo-ui-pendingElement-pending { background-color: var(--ooui--progressbar-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--progressbar-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--progressbar-pending-background-color-2) 50%, var(--ooui--progressbar-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: RadioInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/RadioInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-radioInputWidget [type=radio] + span { background-color: transparent; border-color: var(--ooui--radiobutton-border-color); border-width: 3px; } .oo-ui-radioInputWidget [type=radio] + span::before { top: 2.5px; left: 2.5px; right: 2.5px; bottom: 2.5px; } .oo-ui-radioInputWidget [type=radio]:checked + span, .oo-ui-radioInputWidget [type=radio]:checked:hover + span, .oo-ui-radioInputWidget [type=radio]:checked:focus:hover + span { border-width: 3px; } .oo-ui-radioInputWidget [type=radio]:checked + span:before, .oo-ui-radioInputWidget [type=radio]:checked:hover + span:before, .oo-ui-radioInputWidget [type=radio]:checked:focus:hover + span:before { background-color: var(--ooui--radiobutton-border-color); } .oo-ui-radioInputWidget [type=radio]:disabled + span { background-color: var(--ooui--radiobutton-disabled-background-color); border-color: var(--ooui--radiobutton-border-color); } .oo-ui-radioInputWidget [type=radio]:disabled:checked + span { background-color: var(--ooui--radiobutton-disabled-background-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:hover + span { border-color: var(--ooui--radiobutton-border-color--hover); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:active + span { background-color: var(--ooui--radiobutton-border-color); border-color: var(--ooui--radiobutton-border-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span { border-color: var(--ooui--radiobutton-border-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:focus + span { box-shadow: inset 0 0 0 1px var(--ooui--radiobutton-box-shadow--focus); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:focus + span::before { border-color: transparent; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:hover + span { border-color: var(--ooui--radiobutton-border-color--hover); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:active + span { border-color: var(--ooui--radiobutton-border-color); box-shadow: inset 0 0 0 1px var(--ooui--radiobutton-box-shadow--focus); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:active + span::before { border-color: transparent; } /********* OOUI: RadioSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/RadioSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-radioSelectWidget:focus [type=radio]:checked + span::before { border-color: transparent; } /********* OOUI: SelectFileWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/SelectFileWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-selectFileWidget-dropTarget { background-color: var(--ooui--selectfile-background-color); border: 1px solid var(--ooui--selectfile-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--ooui--selectfile-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--ooui--selectfile-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--ooui--selectfile-candrop-background-color); color: var(--theme-link-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--ooui--textarea-disabled-background-color); border-color: var(--ooui--selectfile-border-color); } /********* OOUI: TabOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabOptionWidget { color: var(--ooui--taboption-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tabselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--theme-text-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-box-shadow-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--ooui--tabselect-frameless-highlighted-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-highlighted-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-color); } .oo-ui-tabSelectWidget-frameless.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { box-shadow: inset 0 0 0 2px var(--ooui--tabselect-frameless-selected-box-shadow-color); } /********* OOUI: TabSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabSelectWidget-framed { background-color: var(--ooui--tabselect-background-color); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--ooui--tabselect-frameless-box-shadow-color); } /********* OOUI: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagItemWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagItemWidget { border-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled { color: var(--theme-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tagitem-background-color); color: var(--ooui--tagitem-color--hover); border-color: var(--ooui--tagitem-border-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--tagitem-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-border-color--focus); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus { border-color: var(--ooui--tagitem-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus { border: 0; box-shadow: none; } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active { background-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--ooui--tagitem-disabled-background-color); color: var(--ooui--tagitem-disabled-color); border-color: var(--ooui--tagitem-disabled-border-color); text-shadow: none; } /********* OOUI: TagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagMultiselectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagMultiselectWidget-handle { border: 1px solid var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color: var(--theme-text-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: var(--ooui--textarea-readonly-background-color); background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /********* OOUI: TextInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TextInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .oo-ui-textInputWidget .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); } .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); } @media screen and (min-width: 0) { .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-invalid-border-color); } } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); text-shadow: none; } /********* OOUI: ToggleButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleButtonWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: transparent; color: var(--ooui--button-frameless-on-color); } /********* OOUI: ToggleSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleSwitchWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less#1951 */ .oo-ui-toggleSwitchWidget { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-box-shadow--focus); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--ooui--toggleswitch-border-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--ooui--toggleswitch-border-color--hover); border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--ooui--toggleswitch-disabled-background-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-disabled-grip-color); } /********* OOUI: WindowManager *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/WindowManager.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-windowManager-modal { position: fixed; top: var(--wikigg-header-height); bottom: 0; left: 0; right: 0; z-index: 101; pointer-events: none; } .oo-ui-windowManager-modal > .oo-ui-dialog { position: absolute; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame { background-color: var(--ooui--window-background-color); } .oo-ui-windowManager-modal > * { pointer-events: auto; } .oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame { border-color: var(--ooui--window-border-color); } /* fix scrolling */ body.oo-ui-windowManager-modal-active { overflow: unset; } /* -------------------------------------------------------------------------------- */ /********* RCFilters *********/ /* Filtering interface at the top of [[Special:RecentChanges]], [[Special:Watchlist]], and [[Special:RelatedChanges]]. * For documentation of the project, see https://www.mediawiki.org/wiki/Edit_Review_Improvements/New_filters_for_edit_review */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less */ .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--ooui--dialog-border-color--lighter); } .client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner:before, .client-js .mw-rcfilters-spinner:after { background-color: var(--ooui--checkbox-border-color); } /********* RCFilters: ChangesListWrapperWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less */ .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--oouihelper--disabled); } .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)) { background-color: var(--oouihelper--themerelated-disabled); } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-blue-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-green-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-yellow-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-orange-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-red-background-color); } /* the mixing of two and more colors is impossible with CSS variables, unless of course each mixed color is hardcoded */ /********* RCFilters: DatePopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.DatePopupWidget.less */ .mw-rcfilters-ui-datePopupWidget { border-top-color: var(--ooui--textarea-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: var(--theme-text-color-note); } /********* RCFilters: FilterItemHighlightButton *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less */ .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle { /* override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements, which prevents this circle's color from being displayed properly */ filter: none; } /********* RCFilters: FilterMenuHeaderWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuHeaderWidget.less */ .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--theme-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { border-bottom-color: var(--ooui--textarea-border-color); background-color: var(--ooui--textarea-readonly-background-color); } /********* RCFilters: FilterMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less */ .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: transparent; } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--ooui--dropdown-disabled-color); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } /********* RCFilters: FilterMenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less */ .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--ooui--dropdown-disabled-background-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* RCFilters: FilterTagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less */ .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-collapsed .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget { border-bottom-color: var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emphasize.oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-background-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--theme-text-color-note); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--theme-text-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--theme-text-color-note); } /********* RCFilters: FilterTagMultiselectWidgetMobile *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidgetMobile.less */ .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly] { background-color: var(--ooui--textarea-readonly-background-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::placeholder { color: var(--ooui--textarea-placeholder-color); } /********* RCFilters: HighlightColorPickerWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less */ .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color .oo-ui-iconElement-icon.oo-ui-icon-check { /* Override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements. This is not necessary here because the six circles have the same color in all * themes, so this checkmark needs to be the same in all themes as well. */ filter: none; } /********* RCFilters: ItemMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less */ .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-width: 3px; border-top-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--theme-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--theme-text-color-note); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel { color: var(--theme-text-color-note); } /********* RCFilters: LiveUpdateButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less */ .mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on:after { background: rgba(var(--theme-link-color--rgb), 0.5); } /********* RCFilters: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less */ .mw-rcfilters-ui-menuSelectWidget-noresults { color: var(--theme-text-color-note); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--ooui--textarea-readonly-background-color); border-top-color: var(--ooui--textarea-border-color); } /********* RCFilters: SavedLinksListItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SavedLinksListItemWidget.less */ .mw-rcfilters-ui-savedLinksListItemWidget:hover { /* Mimicking OOUI optionWidget styles */ background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--theme-link-color); } /********* RCFilters: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less */ .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-disabled-background-color); border-color: var(--ooui--tagitem-disabled-border-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--ooui--tagitem-disabled-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); border-color: var(--ooui--tagitem-border-color--focus); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--theme-text-color-note); } /********* RCFilters: ViewSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ViewSwitchWidget.less */ .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--theme-text-color); } /********* RCFilters: WatchlistTopSectionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less */ .mw-rcfilters-ui-watchlistTopSectionWidget-separator { border-top-color: var(--ooui--textarea-border-color); } /* -------------------------------------------------------------------------------- * ==================================== Codex ===================================== * -------------------------------------------------------------------------------- * Codex ([[mw:Codex]]) appears to be a replacement for OOUI (see system/OOUI.scss). * * Codex version 1.0.0 was added as part of the MediaWiki 1.41 update. * Head to [[Special:Version]] to find out which version of Codex is currently * installed. * -------------------------------------------------------------------------------- */ /********* Codex: Button *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/button/Button.vue#105 */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } @supports (mask-image: none) { .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--ooui--button-color--hover); } } .cdx-button:enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-destructive-color--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background: unset; border: 0; box-shadow: unset; } .cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { background: unset; color: var(--ooui--button-color--hover); } .cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active { background: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active) { box-shadow: var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color: unset; color: var(--ooui--button-progressive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover { background-color: unset; color: var(--ooui--button-destructive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:disabled, .cdx-button.cdx-button--fake-button--disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } @supports (mask-image: none) { .cdx-button:disabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } .cdx-button:disabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet { color: var(--ooui--button-disabled-color); } @supports (mask-image: none) { .cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } /********* Codex: TextInput *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/text-input/TextInput.vue#323 */ .cdx-text-input__input:enabled { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .cdx-text-input__input:enabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input__input:enabled:hover { border-color: var(--ooui--textarea-border-color--hover); } .cdx-text-input__input:enabled:focus ~ .cdx-text-input__icon-vue, .cdx-text-input__input:enabled.cdx-text-input__input--has-value ~ .cdx-text-input__icon-vue { color: var(--theme-text-color); } .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .cdx-text-input__input:enabled:read-only { background-color: var(--ooui--textarea-readonly-background-color); } .cdx-text-input__input:disabled { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); border-color: var(--ooui--textarea-disabled-border-color); } .cdx-text-input__input:disabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-disabled-color); } .cdx-text-input__input::placeholder { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled { border-color: var(--ooui--textarea-invalid-border-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); } /* -------------------------------------------------------------------------------- */ /********* Pages with content model "JSON" *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.content.json.less */ .mw-json th, .mw-json td { border-color: var(--theme-box-border-color); } .mw-json tr { background-color: transparent; } .mw-json th { background-color: var(--theme-box-background); } .mw-json-value, .mw-json-single-value { background-color: var(--theme-highlight-background); } @media screen { html.skin-theme-clientpref-night .mw-json-value, html.skin-theme-clientpref-night .mw-json-single-value { background-color: var(--theme-highlight-background); } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-json-value, html.skin-theme-clientpref-os .mw-json-single-value { background-color: var(--theme-highlight-background); } } .mw-json-single-value { background-color: var(--theme-highlight-background); } .mw-json-empty { background-color: var(--theme-box-background); } /********* api.php *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.apipretty/apihelp.css */ .apihelp-flags { border-color: var(--oouihelper--borderdark); } .apihelp-deprecated, .apihelp-internal, .apihelp-flag-deprecated, .apihelp-flag-internal strong { color: var(--theme-text-color-red); } .apihelp-unknown { color: var(--theme-text-color-note); } .apihelp-empty { color: var(--theme-text-color-note); } /* overwriting styles from the "apioutput" skin (can't find the base stylesheet) */ .skin-apioutput .mw-body { background: var(--theme-background); color: var(--theme-text-color); margin: 20px; padding: 10px; } /* Fix empty parameter descriptions having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } /* Theme color for h3 headings */ .apihelp-header { color: var(--theme-heading-color); } /********* ?action=history *********/ /* History pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#21 */ #pagehistory li.selected { background-color: transparent; color: inherit; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#47 */ .updatedmarker { background-color: var(--oouihelper--yellow); } /********* changeslist *********/ /* Special:Watchlist, Special:RecentChanges, etc. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.changeslist/default.less#18 */ /* Colored byte size change numbers */ .mw-plusminus-pos { color: var(--theme-text-color-green); } .mw-plusminus-neg { color: var(--theme-text-color-red); } .mw-plusminus-null { color: var(--theme-text-color-note); } /* Colors in the "Legend" box for the non-JavaScript version of Special:RecentChanges * (and to prevent a color flash for the JavaScript version) */ .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } /********* redirect *********/ /* Arrow on redirect pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.less#18 */ /* In the default style, the icon is the background of the <li> element. * We want to apply a filter to the image only (not the text), so we have to * move the image to a new pseudo-element. */ .redirectText li { /* moving the background-image from the <li> element... */ background: none; padding-left: 0; padding-right: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; padding-inline-start: 0; padding-inline-end: 0; } .redirectText li:before { /* ... to a new pseudo-element */ content: ""; padding-left: 47px; filter: var(--ooui--icon-normal-filter); /* theme-dependent color of the icon */ } .mw-content-ltr .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-ltr.svg); } .mw-content-rtl .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-rtl.svg); } @media screen { html.skin-theme-clientpref-night .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-night .redirectText li > a { filter: none; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-os .redirectText li > a { filter: none; } } /********* File: namespace *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#116 */ #filetoc { border-color: var(--theme-box-border-color); background-color: var(--theme-highlight-background); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#142 */ .mw_metadata td, .mw_metadata th { border-color: var(--theme-box-border-color); /* overwrite our "table th, table td" rule and restore MediaWiki default */ padding-top: 0; padding-bottom: 0; } .mw_metadata th { background-color: var(--theme-box-background); } .mw_metadata td { background-color: var(--theme-highlight-background); } /* space between the "Open in MediaViewer" button and page content * (needs the ".fullMedia +" because "#mw-imagepage-content" is different on file * page revision diffs) */ .fullMedia + #mw-imagepage-content { margin-top: 1em; } /********* helpers *********/ /* Helper classes used across special pages and actions */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#12 */ .unpatrolled { color: var(--ooui--messagewidget-error-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#52 */ /* The auto-generated edit comments */ .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#59 */ /* rev_deleted stuff */ li span.deleted, span.history-deleted { color: var(--ooui--messagewidget-error-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#81 */ /* "| contribs |" links for users with no edits, e.g. on Special:AbuseLog/x */ .mw-usertoollinks-contribs-no-edits, .mw-usertoollinks-contribs-no-edits:visited { color: var(--theme-link-color-redlink); } /********* ?action=edit *********/ /* Styles for elements of the editing form */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#37 */ .mw-editform #wpTextbox1 { font-size: var(--font-size-s); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#101 */ .editOptions { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); border-color: var(--ooui--messagewidget-notice-border-color); } /********* HTMLForm *********/ /* base styles are here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.styles/styles.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.ooui.styles.less#28 */ .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { background-color: var(--oouihelper--textinput-background-lighter); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--oouihelper--textinput-background); } /********* [[Special:AllMessages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/special.less#15 */ #mw-allmessagestable tbody:hover td { background-color: var(--oouihelper--textinput-background-lighter); } #mw-allmessagestable .am_default { background-color: var(--oouihelper--yellow-darker); } #mw-allmessagestable tbody:hover .am_default { background-color: var(--oouihelper--yellow); } #mw-allmessagestable .am_actual { background-color: var(--oouihelper--green-darker); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--oouihelper--green); } /********* [[Special:NewPages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/newpages.less#13 */ .not-patrolled { background-color: var(--oouihelper--yellow); } /********* [[Special:Search]] *********/ /* Search result page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.search.styles.less */ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-result-data { color: var(--theme-text-color-note); } .mw-search-profile-tabs { background: none; border: 0; margin: 1em 0; } .search-types { width: 100%; float: none; padding: 0; } .search-types li { float: none; display: inline-block; vertical-align: middle; } .search-types .current a { color: var(--theme-text-color); } .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .search-types + div { display: none; } .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } #mw-search-top-table { display: flex; align-items: center; } #mw-searchoptions { background: var(--theme-box-background); padding: 1em; border: 1px solid var(--theme-box-border-color); border-radius: 4px; } #mw-searchoptions .divider { border-color: var(--theme-box-border-color); } /* responsive tweak */ @media screen and (max-width: 600px) { #mw-search-top-table { display: block; } .results-info { margin-top: 1em; } .search-types ul li { font-size: 12px; } } /********* [[Special:ApiSandbox]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.apisandbox/apisandbox.less#4 */ /* Fix background color of the bar at the top which contains the "Make request" and "Clear" buttons on the right */ .mw-apisandbox-toolbar { background-color: var(--ooui--tabselect-background-color); } /********* [[Special:Diff]] *********/ /* Diff rendering */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.diff.styles/diff.less */ /* Add diff accent to make even smaller changes visible */ .diffchange-inline { border: 1px #fe603f dashed; } /* More noticeable diff coloring */ .diff td.diff-context { background: none repeat scroll 0 0 transparent; color: var(--theme-text-color); border-color: rgba(var(--theme-border-color--rgb), 0.5); } .diff td.diff-deletedline { background-color: #ffe49c; border-color: #ffe49c; color: #000; } .diff td.diff-deletedline .diffchange { background-color: #feeec8; color: #000; } .diff td.diff-addedline { background-color: #a3d3ff; border-color: #a3d3ff; color: #000; } .diff td.diff-addedline .diffchange { background-color: #d8ecff; color: #000; } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins { color: #000; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del { color: #000; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { /* theme-dependent color of the arrow that indicates a line was moved */ color: var(--theme-text-color); } /********* Special:CreateAccount *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.userlogin.signup.styles/signup.less */ /* Theme-dependent color of the icons (this also affects the text) */ .mw-createacct-benefits-list > div { filter: var(--ooui--icon-normal-filter); } /********* [[Special:Upload]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/upload.css */ /* Warning box that appears sometimes when uploading a file */ .mw-destfile-warning { border-color: var(--ooui--messagewidget-warning-border-color); color: var(--theme-text-color); background-color: var(--ooui--messagewidget-warning-background-color); } #mw-htmlform-description input { /* The carets in the "File description" fields use the current theme's * text color, which is in most themes hard to read on the hard-coded * white background */ caret-color: unset; } /********* [[Special:Preferences]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.preferences.styles.ooui.less */ .mw-email-not-authenticated .oo-ui-labelWidget, .mw-email-none .oo-ui-labelWidget { color: unset; } .mw-email-not-authenticated .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .mw-email-none .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } #preferences .mw-htmlform-submit-buttons { background-color: var(--theme-background); border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--ooui--textarea-readonly-background-color); } .mw-prefs-search-highlight { background-color: var(--theme-text-background-color-highlight) !important; outline-color: var(--theme-text-background-color-highlight) !important; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border-color: var(--ooui--panellayout-border-color); } .client-nojs .mw-prefs-tabs .mw-prefs-section-fieldset > .oo-ui-fieldsetLayout-group { border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { background-color: var(--theme-text-background-color-highlight); outline-color: var(--theme-text-background-color-highlight); } /* overwriting a rule from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/tags/v0.51.2/src/themes/wikimediaui/layouts.less#65 * the max-width set there unnecessarily limits the gadget descriptions, so we reset it */ #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /*********************************************************************************************************** * CSS for certain MediaWiki extensions ***********************************************************************************************************/ /********* Extension:TabberNeue *********/ .infobox .tabber__header:not(.tabber__header--next-visible, .tabber__header--prev-visible) { display: flex; justify-content: center; } /* overwriting styles from here: * https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue/blob/main/modules/ext.tabberNeue.legacy/ext.tabberNeue.legacy.less */ .tabber__header { margin-bottom: 4px; box-shadow: inset 0 -1px 0 0 var(--oouihelper--themerelated-lighter-transparent); } .tabber__header__prev:after { left: 2px; } .tabber__header__next:after { right: 2px; } .tabber__header__prev:after, .tabber__header__next:after { filter: var(--ooui--icon-normal-filter); } .tabber__indicator { background-color: var(--theme-link-color); } .tabber__tab { padding-top: 2px; color: var(--theme-text-color); } .tabber__tab:visited { color: var(--theme-text-color); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-link-color); } /********* Extension:Cargo *********/ /* Removes redundant Cargo extension "Purge cache" link */ div.menu li#ca-cargo-purge { display: none; } /* Maximum image size for NPC images storing in Cargo table */ .npcimg img { height: auto; width: auto; max-height: 100px; max-width: 100px; } /* (max-width: 549px) */ div#header { background: none; border: 0; padding-top: 0; border-bottom-color: var(--theme-box-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/Cargo.css */ span.cargoFieldName { color: var(--theme-text-color-note); } /* Table row "zebra striping" ([[Special:CargoQuery]]) */ table.cargoTable.noMerge tr:nth-child(odd) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(even) { background: none; } table.cargoTable.mergeSimilarCells td.odd { background: rgba(0, 0, 0, 0.25); } table.cargoTable.mergeSimilarCells td.even { background: none; } div.cargoReplacementTableInfo { background-color: rgba(255, 255, 255, 0.2); } /* The query table at the bottom of [[Special:CargoQuery]] */ div.specialCargoQuery-extraPane { background: var(--oouihelper--text-background); border-color: var(--oouihelper--borderdark); } /********* Extension:Cargo ([[Special:Drilldown]]) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/drilldown/resources/CargoDrilldown.css */ div#drilldown-tables-tabs-wrapper { border: 0; background: var(--theme-background); } div#drilldown-tables-tabs-wrapper.open { z-index: 1000; padding-top: 50px; border-right: 1px solid var(--theme-box-border-color); } div#drilldown-tables-tabs-wrapper.open li { border: 0; background: none; border-top: 1px solid var(--theme-box-border-color); } div#drilldown-tables-tabs-wrapper.open li:last-child { border-bottom: 0; } div#drilldown-tables-tabs-wrapper.open li.selected { background: var(--theme-highlight-background); } div#drilldown-tables-tabs-wrapper.open li.selected:after { display: none; } .drilldown-tabs { background: none; border-bottom: 1px solid var(--theme-box-border-color); } .drilldown-tabs li { background: var(--theme-box-background); border: 1px solid var(--theme-box-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius) var(--theme-box-border-radius) 0 0; margin-right: var(--layout-gap); } .drilldown-tabs li a { color: var(--theme-text-color); } .drilldown-tabs li.selected { margin-left: 0; position: relative; background: none; } .drilldown-tabs li.selected::after { content: ""; display: block; pointer-events: none; background: var(--theme-background); width: 100%; height: 2px; position: absolute; bottom: -1px; left: 0; } .drilldown-tabs li.selected a { background: none; color: var(--theme-text-color); } div.drilldown-filters-wrapper { background: none; border: 1px solid var(--theme-box-border-color); color: var(--theme-text-color); padding: var(--layout-box-padding); } div.drilldown-filter-values a { color: unset; } #drilldown-header img, div.drilldown-filters-wrapper img { filter: invert(1); } /********* Extension:Cargo (?action=pagevalues) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/CargoPageValues.css */ /* Adjustments for the table headers */ .cargo-pagevalues-tableinfo { background-color: var(--oouihelper--text-background); top: var(--wikigg-header-height); /* wiki.gg header offset */ } /********* Extension:Cargo ([[Special:CargoTableDiagram]]) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/ext.cargo.dagre.css */ div.cargo-table-diagram { /* text color fix */ fill: var(--theme-text-color); } /********* Extension:InputBox *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/InputBox/+/refs/heads/REL1_43/resources/ext.inputBox.styles.less */ /* Hide text input box for just a button */ .notextbox form > .mw-ui-input { display: none; } /********* Extension:MultimediaViewer *********/ /* Reset link color to default (from Vector skin) */ /* (this entire thing could be styled to fit the currently active theme, but as * long as it uses default Vector styling, the links should too, in order to be readable) */ .mw-mmv-main a { color: #0645ad; } /* same for text color in attribution warning */ .mw-mmv-dialog .mw-mmv-dialog-warning { color: #202122; } /* offset for wiki.gg topbar */ .mw-mmv-overlay, .mw-mmv-wrapper, .mw-mmv-image-wrapper { top: var(--wikigg-header-height); } .mw-mmv-options-button, .mw-mmv-close, .mw-mmv-fullscreen { /* buttons on top right */ margin-top: calc(14px + var(--wikigg-header-height)); /* 14px is the original value */ } .mw-mmv-next-image, .mw-mmv-prev-image { /* "<" and ">" buttons. */ margin-top: var(--wikigg-header-height); } /********* Extension:CiteThisPage *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/CiteThisPage/+/refs/heads/REL1_43/modules/ext.citeThisPage.css */ .mw-specialCiteThisPage-bibliographic { background-color: var(--theme-page-background-color--secondary); } /********* Extension:Scribunto *********/ /* Styles for the "debug console" at the bottom of the editing screen on "Module:" pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Scribunto/+/refs/heads/REL1_41/modules/ext.scribunto.edit.css * (for whatever reason the MediaWiki 1.41 version (.../REL1_41/...) is still loaded, even though we're on MediaWiki 1.43) */ .mw-scribunto-console-fieldset { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); } #mw-scribunto-input { background-color: var(--ooui--textarea-background-color); } .mw-scribunto-input { color: var(--theme-text-color-highlight); } .mw-scribunto-normalOutput { color: var(--theme-text-color); background: transparent; } .mw-scribunto-print { color: var(--oouihelper--yellow); background: transparent; } .mw-scribunto-error { color: var(--ooui--messagewidget-error-color); background: transparent; } .mw-scribunto-message { color: var(--theme-text-color-em); background: transparent; } /********* Extension:SyntaxHighlight *********/ /* (formerly known as "SyntaxHighlight_GeSHi") */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/SyntaxHighlight_GeSHi/+/refs/heads/master/modules/pygments.wrapper.less */ .mw-highlight { background: inherit; } .mw-highlight pre { margin-top: 1em; background: #282828 !important; color: #fff !important; overflow: auto; /* scroll if needed */ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/SyntaxHighlight_GeSHi/+/refs/heads/master/modules/pygments.generated.css */ .mw-highlight, .kw1 { color: #FFFFFF; font-weight: bold; } .mw-highlight .nf { color: aqua; } /* Operators */ .mw-highlight .p, .mw-highlight .o { color: #fff; font-weight: bold; } /* Comments */ .mw-highlight .c { color: #8d9e6b; font-weight: bold; } /* HTML Tags */ .mw-highlight .nt { color: #bfe431; } /* IDs */ .mw-highlight .nn { color: #a8a8ff; } /* Classes */ .mw-highlight .nc { color: #7676ff; } /* Pseudo-classes */ .mw-highlight .nd { color: #cf82ff; } /* Properties */ .mw-highlight .k, .mw-highlight .kp { color: #fff; font-weight: normal; } /* Keywords */ .mw-highlight .nb { color: #ff5858; } /* Text values, strings */ .mw-highlight .kc, .mw-highlight .s1, .mw-highlight .s2, .mw-highlight .sx, .mw-highlight .n { color: #00c6d2; } /* Numeric values */ .mw-highlight .mi, .mw-highlight .mf { color: #60feff; font-weight: bold; } /* Units */ .mw-highlight .kt { color: #ff3f85; font-weight: bold; } /* #Color values */ .mw-highlight .mh { color: #b2d241; } /* !important */ .mw-highlight .cp { color: #F37F20; } /* JS generic */ .mw-highlight .nx { color: #a8a8ff; } .mw-highlight .nv { color: #fff; } /* Highlighted lines */ .mw-highlight .hll { background-color: #50503e; } /* Highlight fields inside code class (e.g. Template:Code) */ code.mw-highlight { background: var(--theme-page-background-color); color: var(--theme-text-color); } /********* Extension:EmbedVideo *********/ /* overwriting styles from here: * https://github.com/StarCitizenWiki/mediawiki-extensions-EmbedVideo/blob/master/resources/ext.embedVideo.styles.less */ .embedvideo-consent { /* Theme-dependent background color for when the image hasn't loaded yet */ background: var(--theme-background-accent); } .embedvideo-thumbnail-workaround .embedvideo, .thumb.embedvideo .embedvideo { /* Fix missing thumbnail styling */ background-color: var(--theme-box-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 3px; text-align: center; overflow: hidden; } /********* Extension:Interwiki *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Interwiki/+/refs/heads/REL1_43/modules/interwiki.less#26 */ /* "Forward" column on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background-color: var(--theme-page-background-color--secondary); } /********* Extension:TemplateData *********/ /* Small default and example values to separate them from the parameter description */ .ve-ui-mwParameterPage-description-default, .ve-ui-mwParameterPage-description-example { font-size: small; } /********* Extension:Cite *********/ /* Here are only rules that are necessary for overwriting styles from the extension's base styling. * See template/reflist.scss for custom reference styling. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cite/+/refs/heads/REL1_43/modules/ext.cite.styles.less#70 */ ol.references li:target, sup.reference:target { background-color: var(--theme-page-background-color); } /********* Extension:CodeEditor *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/CodeEditor/+/refs/heads/master/modules/jquery.codeEditor.less */ /* Unify text color in status bar */ /* (the "status-message" and "status-line" divs use the current theme's text * color, which might be hard to read on the hard-coded white background */ .codeEditor-status { color: rgb(114, 119, 125); /* same color as div.ace_gutter-cell */ } /* The placeholder text in the search/replace field uses the standard * var(--theme-text-color-placeholder), which is in most themes hard to read on * the white background */ .ace_editor .ace_search_field::placeholder { color: unset; } /* The caret in the search/replace field uses the current theme's text color, * which is in most themes hard to read on the hard-coded white background */ .ace_editor .ace_search_field { caret-color: unset; } /********* Extension:WikiEditor *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/jquery.wikiEditor.less */ .wikiEditor-ui .wikiEditor-ui-view { border-color: var(--ooui--textarea-border-color); } .wikiEditor-ui .wikiEditor-ui-top { border-color: var(--ooui--textarea-border-color); } /********* Extension:WikiEditor toolbar *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/jquery.wikiEditor.toolbar.less */ .wikiEditor-ui-toolbar .sections .section { border-top-color: var(--ooui--textarea-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a { color: var(--theme-link-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before { filter: var(--ooui--icon-normal-filter); } .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: var(--theme-text-color); } .wikiEditor-ui-toolbar .section-secondary .group { border-left-color: var(--ooui--textarea-border-color); } .wikiEditor-ui-toolbar .group { border-right-color: var(--ooui--textarea-border-color); } .wikiEditor-ui-toolbar .group .label { color: var(--ooui--textarea-placeholder-color); } .wikiEditor-ui-toolbar .group .tool-select .label { color: var(--theme-text-color); } .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--ooui--icon-normal-filter); } .wikiEditor-ui-toolbar .group .tool-select .options { border-color: var(--ooui--menuselect-border-color); background-color: var(--ooui--menuselect-background-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--theme-text-color); } .wikiEditor-ui-toolbar .section-help .page-table th { color: var(--ooui--disabled-color); } .wikiEditor-ui-toolbar .section-help .page-table td { color: var(--theme-text-color); border-top-color: var(--ooui--menuselect-border-color); } .wikiEditor-ui-toolbar .page-characters div span { border-color: var(--ooui--tagitem-border-color); color: var(--theme-text-color); height: unset; } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: var(--ooui--menuselect-highlighted-background-color); border-color: var(--ooui--tagitem-border-color--hover); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/jquery.wikiEditor.toolbar-wikimedia.less */ .wikiEditor-ui-toolbar { background-color: var(--theme-background); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--ooui--menuselect-border-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .wikiEditor-ui-toolbar .booklet > .index > :hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .wikiEditor-ui-toolbar .booklet > .index > .current { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-link-color); } .tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } /********* Extension:WikiEditor dialogs *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/jquery.wikiEditor.dialogs.less */ /* The dialog uses default styling and looks the same in all themes. The cursor * does use the theme-dependent color though, which causes it to be hard to see * in some themes. Resetting it here to the default black to be the same in all * themes. */ .wikiEditor-toolbar-dialog .ui-dialog-content input[type=text] { caret-color: #000; } /********* Extension:WikiEditor RealtimePreview: ErrorLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/ErrorLayout.less */ .ext-WikiEditor-realtimepreview-ErrorLayout { background-color: var(--theme-background-accent); } /********* Extension:WikiEditor RealtimePreview: ManualWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/ManualWidget.less */ .ext-WikiEditor-ManualWidget { background-color: var(--theme-background-accent); border-color: var(--oouihelper--borderdark); } .ext-WikiEditor-ManualWidget .ext-WikiEditor-realtimepreview-manual-reload { color: var(--theme-link-color); } .ext-WikiEditor-ManualWidget.oo-ui-widget-disabled .ext-WikiEditor-realtimepreview-manual-reload { color: var(--oouihelper--disabled); } /********* Extension:WikiEditor RealtimePreview *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/RealtimePreview.less */ .ext-WikiEditor-realtimepreview-button:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--theme-link-color); } .ext-WikiEditor-realtimepreview-preview { /* increase the default padding a bit */ padding: 1em; } .ext-WikiEditor-ResizingDragBar-ns { border-top-color: var(--oouihelper--borderdark); } .ext-WikiEditor-realtimepreview-loadingbar div { background-color: var(--oouihelper--progressive); } /********* Extension:WikiEditor RealtimePreview: ResizingDragBar *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/ResizingDragBar.less */ .ext-WikiEditor-ResizingDragBar { background-color: var(--theme-background-accent); } .ext-WikiEditor-ResizingDragBar-ew { background-color: var(--theme-background-accent); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--oouihelper--themerelated); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--oouihelper--themerelated-lighter); } /********* Extension:WikiEditor RealtimePreview: TwoPaneLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/TwoPaneLayout.less */ .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1 { border-color: var(--oouihelper--borderdark); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--oouihelper--borderdark); } /********* Extension:ReplaceText *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/ReplaceText/+/refs/heads/REL1_43/resources/ext.ReplaceTextStyles.less */ /* [[Special:ReplaceText]] */ .ext-replacetext-searchoptions { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); } .ext-replacetext-searchoptions:first-of-type { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ext-replacetext-searchoptions:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom-color: var(--theme-border-color); } /********* Extension:AbuseFilter *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/AbuseFilter/+/refs/heads/REL1_43/modules/ext.abuseFilter.less */ /* [[Special:AbuseLog/x]] */ table.mw-abuselog-details { background: var(--oouihelper--textinput-background); border-color: var(--oouihelper--borderdark); } table.mw-abuselog-details th, table.mw-abuselog-details td { border-color: var(--oouihelper--borderdark); } table.mw-abuselog-details th { background: var(--oouihelper--textinput-background-darker); } /* [[Special:AbuseFilter]] */ body td.mw-abusefilter-history-changed { background: var(--oouihelper--themerelated-darkest); } #mw-abusefilter-warn-preview, #mw-abusefilter-disallow-preview { border-color: var(--oouihelper--borderdark-lighter); } tr.mw-abusefilter-list-disabled, tr.mw-abusefilter-list-disabled td { color: var(--oouihelper--disabled); } tr.mw-abusefilter-list-deleted, tr.mw-abusefilter-list-deleted td { color: var(--oouihelper--disabled); } tr.mw-abusefilter-list-throttled, tr.mw-abusefilter-list-throttled td { color: var(--oouihelper--red); } div.mw-abusefilter-editor { border-color: var(--oouihelper--borderdark); } .mw-abusefilter-tools-error { color: var(--oouihelper--red); } /********* Extension:Echo *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/REL1_41/skinStyles/vector/ext.echo.styles.badge.less */ .skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge, .skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge { top: 0; /* offset fix */ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.ConfirmationPopupWidget.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.CrossWikiNotificationItemWidget.less */ .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { background-color: var(--ooui--textarea-readonly-background-color); } .mw-echo-ui-crossWikiNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title, .mw-echo-ui-bundleNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.CrossWikiUnreadFilterWidget.less */ .mw-echo-ui-crossWikiUnreadFilterWidget { border-color: var(--ooui--messagewidget-notice-border-color); } .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.DatedSubGroupListWidget.less */ .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.FooterNoticeWidget.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.MenuItemWidget.less */ .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: var(--theme-text-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.NotificationBadgeWidget.less */ .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head { border-bottom-color: var(--ooui--popup-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget:focus { box-shadow: var(--ooui--button-progressive-box-shadow--focus); border-color: var(--ooui--popup-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer { border-top-color: var(--ooui--popup-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { border-left-color: var(--ooui--popup-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus { box-shadow: unset; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.NotificationItemWidget.less */ .mw-echo-ui-notificationItemWidget { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--menuselect-border-color); } .mw-echo-ui-notificationItemWidget:hover { background-color: var(--ooui--messagewidget-notice-background-color); } .mw-echo-ui-notificationItemWidget:focus { background-color: var(--ooui--menuselect-selected-background-color); box-shadow: var(--ooui--button-progressive-box-shadow--focus); outline: 0; } .mw-echo-ui-notificationItemWidget:last-child { border-bottom-color: var(--ooui--menuselect-border-color); } .mw-echo-ui-notificationItemWidget-unread { background-color: var(--ooui--menuselect-selected-background-color); } .mw-echo-ui-notificationItemWidget-unread:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-echo-ui-notificationItemWidget-content-message-header { color: var(--theme-text-color-em); } .mw-echo-ui-notificationItemWidget-content-message-body { color: var(--theme-text-color); } .mw-echo-ui-notificationItemWidget-content-actions-timestamp { color: var(--theme-text-color-em); } @keyframes unseen-fadeout-to-unread { from { background-color: var(--oouihelper--progressive-transparent); } to { background-color: var(--ooui--menuselect-selected-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color: var(--oouihelper--progressive-transparent); } to { background-color: var(--ooui--messagewidget-notice-background-color); } } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.NotificationsInboxWidget.less */ .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background-color: var(--ooui--messagewidget-notice-background-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.PageNotificationsOptionWidget.less */ .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-text-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-link-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-selected-background-color); color: var(--theme-link-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-pressed-background-color); color: var(--theme-link-color); } .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color-note); } .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color: transparent; color: var(--theme-link-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.PlaceholderItemWidget.less */ .mw-echo-ui-placeholderItemWidget { background-color: var(--ooui--messagewidget-notice-background-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less */ .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color: var(--oouihelper--progressive); } .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { /* keep the default (white) */ background-color: #eaecf0; } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color: var(--oouihelper--progressive-lighter); } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { /* keep the default (gray) */ background-color: #c8ccd1; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/nojs/mw.echo.notifications.less */ /* for the Special:Notifications page in no-JavaScript mode */ .mw-echo-state .mw-echo-notification { color: var(--theme-text-color); } .mw-echo-state .mw-echo-notifications { background-color: transparent; } .mw-echo-state .mw-echo-content .mw-echo-title { color: var(--theme-text-color-em); } .mw-echo-state .mw-echo-content .mw-echo-payload { color: var(--theme-text-color); } .mw-echo-state .mw-echo-content .mw-echo-notification-footer { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/nojs/mw.echo.special.less */ .mw-echo-date-section { border-bottom-color: var(--oouihelper--borderdark); color: var(--theme-text-color-note); } .mw-echo-special-navbar-bottom { border-top-color: var(--oouihelper--borderdark); } .mw-echo-special-notifications .mw-echo-notification { background-color: transparent; } .mw-echo-special-notifications .mw-echo-notification:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-echo-special-notifications .mw-echo-notification-unread { background-color: var(--ooui--menuselect-selected-background-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/mobile/notificationsFilterOverlay.less */ .notifications-filter-overlay .overlay-content .mw-echo-ui-crossWikiUnreadFilterWidget { border-color: var(--ooui--messagewidget-notice-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/mobile/overlay.less */ /********* Extension:DebugTemplates *********/ /* These styles are deprecated, as the extension was uninstalled on 2024-06-19. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/DebugTemplates/+/refs/heads/master/ext.debugTemplates.css */ /********* Extension:SimpleMathJax *********/ mjx-container { font-size: 125% !important; } /* Reset link color in the menu to default (from Vector skin) */ /* The right-click menu ("About MathJax" or "MathJax Help") has a hardcoded * white background. The links must not use theme styling there, as they are * colored according to their theme's background, which can make them hard to * read with some themes. */ .CtxtMenu_Info a { color: #0645ad; } /* Reset code text color in the menu to default (from Vector skin) */ /* The right-click menu ("Show Math As") has a hardcoded white background. The * code text must not use theme styling there, as it is colored according to * its theme's background, which can make it hard to read with some themes. */ .CtxtMenu_Info pre { background-color: #f8f9fa; color: #000; border-color: #eaecf0; } /********* Extension:AdvancedSearch *********/ /* Query options on [[Special:Search]] */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/AdvancedSearch/+/refs/heads/REL1_43/modules/ext.advancedSearch.less */ .mw-advancedSearch-fieldContainer { background: var(--oouihelper--text-background); border-color: var(--ooui--textarea-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-top-color: var(--ooui--textarea-border-color); } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { background: var(--ooui--textarea-readonly-background-color); color: var(--theme-text-color-note); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-color--hover); } .mw-advancedSearch-namespace-selection { background: var(--oouihelper--text-background); border-color: var(--ooui--textarea-border-color); } .mw-advancedSearch-namespace-border { border-color: var(--oouihelper--borderdark); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--ooui--tagitem-background-color); border-color: var(--oouihelper--progressive); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--theme-text-color-note); } /********* Extension:SearchDigest *********/ /* overwriting styles from here: * https://github.com/weirdgloop/mediawiki-extensions-SearchDigest/blob/1be2fe/src/modules/ext.searchdigest.redirect.css * https://github.com/weirdgloop/mediawiki-extensions-SearchDigest/blob/1be2fe/src/modules/ext.searchdigest.stats.styles.css * https://github.com/weirdgloop/mediawiki-extensions-SearchDigest/blob/1be2fe/src/modules/ext.searchdigest.stats.styles.css */ .searchdigest-stats-table { border-color: var(--oouihelper--borderdark); } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--oouihelper--borderdark); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--oouihelper--borderdark); } .searchdigest-stats-table thead tr { background: var(--theme-highlight-background); } /* allow scrolling the background when the "redirect" popup is open */ /* overwrite from OOUI: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/WindowManager.less#39 */ body.mw-special-SearchDigest.oo-ui-windowManager-modal-active { overflow: unset; } /********* Extension:TwoColConflict *********/ /* apply normal h5 color */ .mw-twocolconflict-split-tour-intro-container-header { color: var(--theme-heading-color); } /* recreate the ".diff-editfont-monospace" class */ .mw-twocolconflict-split-difftext { font-family: monospace; } .mw-twocolconflict-split-difftext .mw-twocolconflict-split-tour-popup { /* reset for the "tour" help popup */ font-family: var(--font-family); } /********* Extension:TwoColConflict (Split) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/TwoColConflict/+/refs/heads/REL1_41/modules/SplitTwoColConflict/ext.TwoColConflict.Split.less */ .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { color: #000; } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { color: #000; } .mw-twocolconflict-split-row.mw-twocolconflict-no-selection { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: #add8ff; } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: #ffe8a6; } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--ooui--messagewidget-notice-border-color); background-color: var(--ooui--messagewidget-notice-background-color); } .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: #add8ff; color: #000; } .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: #ffe8a6; color: #000; } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color: var(--theme-text-color-note); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color: rgba(173, 216, 255, 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color: rgba(255, 232, 166, 0.4); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--ooui--messagewidget-notice-background-color)); } .mw-twocolconflict-no-selection .mw-twocolconflict-split-selector-label { color: var(--theme-text-color); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type=radio]:checked + span:before, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type=radio]:checked:hover + span:before, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type=radio]:checked:focus:hover + span:before { /* the default "checked" color is a "theme-related" color which doesn't fit well into this yellow border, so just use the yellow as the "checked" color */ background: #ac6700; } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type=radio]:checked + span:before, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type=radio]:checked:hover + span:before, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type=radio]:checked:focus:hover + span:before { /* the default "checked" color is a "theme-related" color which doesn't fit well into this blue border, so just use the blue as the "checked" color */ background: #2c529d; } /********* Extension:TwoColConflict (Tour) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/TwoColConflict/+/refs/heads/REL1_41/modules/SplitTwoColConflict/ext.TwoColConflict.Split.Tour.less */ .mw-twocolconflict-split-tour-popup { color: var(--theme-text-color); } /********* Extension:TwoColConflict (editable) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/TwoColConflict/+/refs/heads/REL1_41/modules/SplitTwoColConflict/ext.TwoColConflict.Split.editable.less */ .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color: var(--theme-text-color); } /********* Extension:TwoColConflict (Talk) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/TwoColConflict/+/refs/heads/REL1_41/modules/TalkPageConflict/ext.TwoColConflict.Talk.styles.less */ .mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete { color: #000; } .mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-add { color: #000; } /********* Extension:CookieWarning *********/ .mw-cookiewarning-container { display: none; } /********* Extension:CodeMirror *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/CodeMirror/+/refs/heads/REL1_43/resources/codemirror.wikieditor.less#5 */ .wikiEditor-ui-text .cm-editor { background: var(--oouihelper--textinput-background); } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } @media screen and (max-width: 450px) { /* images/thumbnails */ .mw-parser-output .image > img { max-width: 100%; max-height: 50vh; width: auto; height: auto; } } /* used by mobile floating fix, see [[:en:MediaWiki:Common.js]] */ .mobile-floating-fix { float: none !important; margin-left: 0 !important; width: fit-content; } .mobile-fullwidth { width: 100% !important; } /* Classic Mode Color */ .tab.normal { color: var(--theme-modetabs-classic-text-color-label); } /* Expert Mode Color */ .tab.expert { color: var(--theme-modetabs-expert-text-color-label); } /* Master Mode Color */ .tab.master { color: var(--theme-modetabs-master-text-color-label); } /********* Tables *********/ table { border: 0 solid var(--theme-box-border-color); border-collapse: separate; border-spacing: 0; padding: 0; } table th, table td { border: 0 solid var(--theme-border-color); padding: 3px 6px; } table tfoot:empty, table thead:empty { display: none; } table.wikitable { color: inherit; background: none; border-collapse: collapse; border-color: var(--theme-border-color-accent); } table.wikitable th, table.wikitable td { border-color: var(--theme-border-color-accent); } table.wikitable th { color: inherit; background: none; } table.lined { border-top-width: 1px; } table.lined th, table.lined td { border-bottom-width: 1px; } table.cellborder { border-collapse: collapse; } table.cellborder th, table.cellborder td { border-width: 1px; } /* .topline, .bottomline, .noline */ table tr.topline th, table tr.topline td, table th.topline, table td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } table tr.bottomline th, table tr.bottomline td, table th.bottomline, table td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } table tr.noline th, table tr.noline td, table th.noline, table td.noline { border-width: 0; } table tr.noline th.topline, table tr.noline td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } table tr.noline th.bottomline, table tr.noline td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } /********* Characteristic "terraria" class *********/ /* Styling for "terraria"-classed tables and boxes */ /* See [[MediaWiki:Common.css/src/interface/makeCollapsible.scss]] for the base * collapsible box styling. */ .terraria { --theme-heading-background: var(--theme-highlight-background); border: 1px var(--theme-box-border-color) solid; padding: 8px 12px; border-radius: var(--theme-box-border-radius); min-height: 1.5em; position: relative; overflow: auto; /* for float box */ /* Here we do not need to add ".terraria > .heading:last-child{ margin-bottom: auto; }" since there can be a text node after the :last-child element. */ } .terraria > .heading, .terraria > .mw-collapsible-content > .heading { background: var(--theme-heading-background); text-align: center; font-weight: bold; line-height: 2; min-height: 2em; padding: 3px 6px; font-size: inherit; margin: 8px -8px; } .terraria > .heading:first-child, .terraria > .mw-collapsible-toggle:first-child + .mw-collapsible-content > .heading:first-child { margin-top: -4px; } .terraria > .heading:nth-of-type(1), .terraria > .mw-collapsible-content > .heading:nth-of-type(1) { margin-top: auto; } .terraria > .mw-collapsible-toggle { /* collapsible-toggle in .terraria box */ position: absolute; line-height: 1; right: 12px; top: 12px; font-size: 12px; } .terraria > .mw-collapsible-toggle > .mw-collapsible-bracket { display: none; } .terraria > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 0; height: 0; border-color: var(--theme-collapsible-toggle-icon-color) transparent; border-style: solid; border-width: 0 0.4em 0.45em; margin-right: 0.2em; } .terraria > .mw-collapsible-toggle:after { content: ""; } .terraria > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-width: 0.45em 0.4em 0; } .terraria:hover > .mw-collapsible-toggle:before { border-color: var(--theme-collapsible-toggle-icon-color-hover) transparent; } /*** "terraria"-classed tables ***/ table.terraria { /* we don't want the bottom borders of <h2>s to be visible through floated tables */ background: var(--theme-background); border: 1px solid var(--theme-box-border-color); margin: 0; padding: 3px; border-spacing: 0; border-radius: 3px; /* max: padding + table.border-width + td.border-width */ } table.terraria th, table.terraria td { border-style: solid; border-width: 1px; border-color: var(--theme-background); } table.terraria th { background: var(--theme-heading-background); text-align: center; } table.terraria::before { /* cover those unwanted border lines */ content: ""; display: block; pointer-events: none; position: absolute; border: 2px solid var(--theme-background); top: 3px; bottom: 3px; left: 3px; right: 3px; } table.terraria caption { /* setting a border on a <table> element (like we do with "table.terraria" * above) will not include its <caption> element, so we need to set an own * border on the <caption> */ font-weight: bold; font-size: var(--font-size-l); line-height: var(--line-height-l); background: linear-gradient(to right, var(--theme-background), var(--theme-background) 4px, transparent 4px), linear-gradient(to left, var(--theme-background), var(--theme-background) 4px, transparent 4px), linear-gradient(to bottom, var(--theme-background), var(--theme-background) 4px, transparent 4px), linear-gradient(to top, var(--theme-background), var(--theme-background) 4px, var(--theme-heading-background) 4px), var(--theme-background); border-radius: 3px 3px 0 0; border: 1px solid var(--theme-box-border-color); border-bottom: 0; padding: 7px 10px; /* effectively: 3px 6px */ margin-bottom: -5px; position: relative; } table.terraria.plaincaption caption, table.terraria caption.plaincaption, table.terraria caption.plain { background: none; border: 0; box-shadow: none; margin-bottom: auto; } table.terraria.plaincaption caption::after, table.terraria caption.plaincaption::after, table.terraria caption.plain::after { /* in .plaincaption tables, the "table.terraria::before" rule (see above) * will make two 1px gaps on the top table border, so fill them */ content: ""; display: block; pointer-events: none; position: absolute; height: 1px; background: var(--theme-box-border-color); bottom: -1px; left: 4px; right: 4px; z-index: 1; } table.terraria.lined td { border-bottom-color: var(--theme-box-border-color); } table.terraria.cellborder, table.terraria.cell-border, table.terraria.border { border-collapse: separate; } table.terraria.cellborder td, table.terraria.cell-border td, table.terraria.border td { border-left-color: var(--theme-box-border-color); border-bottom-color: var(--theme-box-border-color); } table.terraria td.cellborder-left { border-left: 1px solid var(--theme-box-border-color); } table.terraria td.cellborder-right { border-right: 1px solid var(--theme-box-border-color); } table.terraria.mw-collapsed { min-height: unset; /* override "min-height:1.5em" from ".terraria" rule */ } table.terraria.mw-collapsed caption + tbody::after, table.terraria.mw-collapsed caption + thead + tbody::after { /* cover up the entire border of the table body (all the rows are invisible, * but the border is around the <table> element, so it's still visible) */ } table.terraria.mw-collapsed caption.plaincaption + tbody::after, table.terraria.mw-collapsed caption.plaincaption + thead + tbody::after { /* plaincaption leaves a bit more space to be covered up */ height: 12px; } .terraria + table.terraria { /* some space between subsequent tables */ margin-top: var(--layout-gap); } .terraria.lined.sortable.jquery-tablesorter { width: auto; } /********* headings *********/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 32px; line-height: 40px; } .mw-body-content h2 { font-size: 26px; line-height: 32px; margin-top: 18px; margin-bottom: 12px; } .mw-body-content h2::after { content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 3px; } .vector-body h3 { font-size: 22px; line-height: 28px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 18px; font-weight: bold; line-height: 24px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } .vector-body h4 { font-size: 16px; } .vector-body h5 { font-size: 14px; } .vector-body h6 { font-size: 12px; } } /*** section edit link ****/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.skinning/interface-edit-section-links.less */ /* Replaces the "[edit]" text with a pencil icon */ .mw-editsection { white-space: nowrap; /* make font-size the same as the section's h1/2/3/... element */ font-size: unset; line-height: 1em; --theme-icon-color: var(--theme-link-color-accent); } .mw-editsection .mw-editsection-bracket { /* hide the brackets*/ display: none; } .mw-editsection a { display: inline-block; /* hide the text */ color: transparent; width: 1em; height: 1em; margin-left: -0.5em; --mask: var(--icon-pencil) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 85% 85%; mask-size: 85% 85%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } /** ToC **/ .toc, .toc * { box-sizing: border-box; } /* base common style */ .toc { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); margin: var(--layout-gap-l) 0; font-size: unset; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctitle h2, .toc .toctitle .toctogglespan { line-height: 20px; margin: 0; border: 0; } .toc .toctitle h2 { padding: 0 8px; font-weight: normal; display: flex; align-items: center; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; font-size: unset; line-height: unset; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { /* arrow */ content: ""; display: block; pointer-events: none; --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); width: 14px; height: 14px; flex: 0 0 auto; transform: scaleY(-1); } .toc .toctogglelabel:hover::before { background-color: var(--theme-icon-color-hover); } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { transform: none; } .toc .toctogglecheckbox:checked ~ ul { /* do not change ToC title size when toggle show/hide. */ overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; margin: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { margin: var(--layout-box-padding) 0 0 0; border-top: 1px solid var(--theme-border-color); padding-top: var(--layout-box-padding); } .toc > ul a { display: block; padding: 2px 8px; border-radius: 4px; transition: background 0.3s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Thumbnails *********/ /* Styles relating to vanilla MediaWiki thumbnails. For legacy reasons this also contains the floatleft, tleft, tright and floatright classes. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/content.thumbnails-screen.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/content.thumbnails-common.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/content.thumbnails-print.less */ .thumb { margin-bottom: var(--layout-gap); border: 0; } .thumb * { box-sizing: content-box; } .thumb .thumbinner { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); font-size: unset; } .thumb a.img { display: block; } .thumb img { background: none; border-color: var(--theme-box-border-color); } .thumb .thumbcaption { font-size: var(--font-size-s); line-height: var(--line-height-s); padding: 0 1px; /* 1px for border of image. */ margin-top: var(--layout-gap); } .thumb .thumbcaption .magnify:first-child { display: none; } div.tleft { margin: 0 var(--layout-gap) var(--layout-gap) 0; } div.tright { margin: 0 0 var(--layout-gap) var(--layout-gap); } /********* Gallery *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.page.gallery.styles/gallery.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.page.gallery.styles/print.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.page.gallery.styles/content.media.less */ .gallery.gallery { margin: var(--layout-gap) 0; } .gallery.mw-gallery-traditional { /* Some lengths are hard-coded in html code, so we have to do some tricks. */ --offset-width: -5px; /* html width of .gallerybox>div is width of .thumb + 5px */ --offset-margin: -15px; /* width/height of .thumb is width/height of .thumb>div>img + 15px */ display: flex; flex-wrap: wrap; gap: var(--layout-gap); } .gallery.mw-gallery-traditional .gallerybox { width: unset !important; margin: 0; --offset-left: calc(0px - var(--offset-margin) - var(--layout-box-padding) - 1px); --offset-right: calc(0px - var(--offset-width) - var(--offset-margin) - var(--layout-box-padding) - 1px); } .gallery.mw-gallery-traditional .gallerybox > div { margin: 0 calc(0px - var(--offset-right)) 0 calc(0px - var(--offset-left)); } .gallery.mw-gallery-traditional .gallerybox .thumb { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); margin: 0 var(--offset-right) 0 var(--offset-left); width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb > div > *:first-child { margin-top: var(--offset-margin); margin-bottom: var(--offset-margin); } .gallery.mw-gallery-traditional .gallerybox .thumb a { display: block; } .gallery.mw-gallery-traditional .gallerybox .gallerytext { font-size: var(--font-size-s); line-height: var(--line-height-s); padding: 0 1px; /* 1px for border of image. */ margin: 4px var(--offset-right) var(--layout-gap) var(--offset-left); /* 5px margin-right for .gallerybox>div */ display: flex; flex-direction: column; justify-content: center; align-items: center; } .gallery.mw-gallery-traditional .gallerybox .gallerytext p { width: auto; flex: 0 1 auto; } #mw-category-media .gallery.mw-gallery-traditional .gallerybox .gallerytext { /* on "Category:" pages, left-align the file name and file dimensions/size */ align-items: start; } #mw-category-media .gallery.mw-gallery-traditional .gallerybox .gallerytext .galleryfilename-truncate { /* on "Category:" pages, ensure that the file name is fully visible */ white-space: unset; overflow-wrap: anywhere; word-break: normal; } .gallery.mw-gallery-traditional .gallerycaption { flex-basis: 100%; /* the caption should always be on its own line */ } .mw-gallery-slideshow .gallerybox.slideshow-current { background: var(--theme-text-background-color-highlight); } /********* Unknown *********/ /* Styles which have an unknown/unclear purpose; should be removed if it's clear that * they have no use. If they're still needed, they should be moved to the proper location * and given an explanation. Remember that they might be used by the Terraria Mods Wiki * or a language wiki. */ /* seems unused; [[Special:SpecialPages]] only uses ".mw-specialpages-list" elements */ .mw-specialpages-table { margin-bottom: 0; margin-top: 0; } /* seems unused; [[Special:Contribs]] only uses ".mw-contributions-list" elements */ /* where is this defined in the MediaWiki internal CSS? */ .mw-contributions-table > :nth-child(3) label + select, .mw-contributions-table > :nth-child(4) label + input { display: inline; margin: 0; } .mw-contributions-table .mw-input-with-label { vertical-align: middle; } /* Notification */ /* .theme-mode-dark doesn't seem to be used anymore */ .theme-mode-dark .postedit::after { filter: invert(100%); } /* Warning color */ /* used at least by Extension:Cite; see https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cite/+/refs/heads/REL1_39/src/ErrorReporter.php#103 */ /* where is this defined in the MediaWiki internal CSS? */ .warning { color: var(--oouihelper--yellow); } /* where is this used? where is it defined in the MediaWiki internal CSS? */ .page-content ol.special { list-style-position: inside; margin-left: auto; } /* Remove external link icon */ /* where is this used? where is it defined in the MediaWiki internal CSS? */ .link-https { padding-right: 0; background: none; } /* Larger font for Module: code display (default is smaller than other code pages) */ /* where is this really used? neither short modules (Module:Bananas) nor long modules * (Module:Exclusive/data) have ".lua" or ".source-lua" classes. where is it defined * in the MediaWiki internal CSS? */ pre.lua.source-lua { font-size: 14px !important; } /*********************************************************************************************************** * css for certain templates ***********************************************************************************************************/ /********* Infobox templates *********/ /* Common styles for these infobox templates: * [[Template:Drop infobox]] * [[Template:Item infobox]] * [[Template:Npc infobox]] * (other infobox templates are portable infoboxes instead and do not use the common ".infobox" class) */ .infobox { border: 1px solid var(--theme-box-border-color); border-radius: 8px; --padding: 6px; padding: var(--padding); font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; box-sizing: border-box; } .infobox * { background: none; } .infobox.float-right { float: right; margin: 0.5em 0 0.5em 1em; } .infobox.float-left { float: left; margin: 0.5em 1em 0.5em 0; } .infobox.float-none { float: none; margin: 0.5em 1em 0.5em 0; } .infobox blockquote.quotation { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0 0.25em; margin: 0.5em auto; } .infobox blockquote.quotation:before { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ font-size: 3.5em; left: 0; } .infobox blockquote.quotation div { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0; margin-left: 2em; border-left: 0; } .infobox table { background: none; width: 100%; border-spacing: 0; } .infobox table th, .infobox table td { padding: 2px; vertical-align: middle; } .infobox table th { white-space: nowrap; text-align: right; width: 5em; /* It is possible that an infobox is transcluded inside a table that * has "class=terraria". There is a rule for "table.terraria th" that * sets a background, but we don't want that to affect the <th> * elements of the infobox. Therefore we must override it here. */ background: none; } .infobox > .title, .infobox .section > .title { background: var(--modetabs-background); color: var(--modetabs-text-color); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title { font-size: 15px; padding: 6px 3px; line-height: 1.2; } .infobox > .title > .ename, .infobox > .title > .namesub { display: block; font-size: 12px; font-style: italic; } .infobox > .title > .namesub { color: var(--theme-text-color-note); } .infobox > .title > .namesub:before { content: "("; font-style: normal; margin-right: 1px; } .infobox > .title > .namesub:after { content: ")"; font-style: normal; margin-left: 1px; } .infobox > .title > .namesub.namenote { font-size: 10px; } .infobox .content-section { padding: 6px 3px; } .infobox .variant { color: var(--modetabs-text-color); font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; margin-bottom: 2px; } .infobox .images { position: relative; padding: 6px 0; min-height: 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; } .infobox .images img { max-width: 100%; height: auto; } .infobox ul { list-style: none; margin: auto; text-align: center; } .infobox .section { margin-bottom: 4px; } .infobox .section:last-child { margin-bottom: 0; } .infobox .section > .title:first-child + * { margin-top: 4px; } .infobox .section > .title:first-child + :empty { /* hide empty section contents */ display: none; } .infobox .section > .title:last-child { /* hide titles of empty sections */ display: none; } .infobox .section .stat th .gameText { /* revert the "white-space:pre-wrap" in {{gameText}} in captions, e.g. in the sound section */ white-space: unset; } .infobox .section.buff table, .infobox .section.debuff table { border-bottom: 1px solid var(--theme-box-border-color); margin-bottom: 0.25em; } .infobox .section.buff:after, .infobox .section.debuff:after { content: ""; display: block; height: 4px; margin-top: -7px; background: var(--theme-page-background-color); } .infobox .section.ids { border-top: 1px solid var(--theme-box-border-color); text-align: center; font-size: 10.5px; background: var(--modetabs-background); color: var(--modetabs-text-color); } .infobox .section.ids li { padding: 2px 0; border-bottom: 2px solid var(--theme-page-background-color); margin: 0; font-weight: bold; } .infobox .section.ids li:last-child { border-bottom: 0; } .infobox tr.buff th, .infobox tr.buff td { background: var(--modetabs-background); border: 1px solid var(--modetabs-border-color); } .infobox tr.buff th { border-left: 0; } .infobox tr.buff td { border-right: 0; padding-left: 3px; } .infobox tr.buff td b { font-weight: bold; white-space: nowrap; } .infobox .imageother { text-align: center; padding: 6px 0; border-top: 1px solid var(--theme-box-border-color); } .infobox .imageother .imageothercaption { margin: 0.15em 0 0; } .infobox .tags, .portable-infobox .tags { /* tag list */ --tags-border-color: rgba(var(--theme-text-color--rgb), 0.4); --tags-border-color-linked: rgba(var(--theme-link-color--rgb), 0.4); margin-top: -1px; margin-bottom: -1px; } .infobox .tags .tag, .portable-infobox .tags .tag { border: 1px solid var(--tags-border-color-linked); display: inline-block; padding: 0 4px; border-radius: 3px; margin: 3px 6px 3px auto; } @supports selector(:has(p)) { .infobox .tags .tag, .portable-infobox .tags .tag { border-color: var(--tags-border-color); } .infobox .tags .tag:has(> a), .portable-infobox .tags .tag:has(> a) { border-color: var(--tags-border-color-linked); } } .infobox .tags .tag a, .portable-infobox .tags .tag a { white-space: nowrap; } .modetabs { display: flex; padding: 0 4px; } .modetabs .tab { margin: 0 2px -1px; border-radius: 3px 3px 0 0; background: transparent; padding: 4px 0 3px; text-align: center; font-weight: bold; cursor: pointer; border: 1px solid transparent; border-bottom: none; } .modetabs .tab.current { background: var(--theme-box-background); border-color: var(--theme-box-border-color); } .modetabs .tab:hover { text-decoration: underline; } .infobox .modetabs { border-bottom: 1px solid var(--theme-box-border-color); margin: 6px -6px; } .infobox .modetabs .tab { flex: 1 1 33.33333333%; } /* -------------------------------------------------------- */ /* classic/expert/master mode tabber */ /* -------------------------------------------------------- */ .infobox, .portable-infobox, .infotable { --modetabs-background: var(--theme-modetabs-classic-background); --modetabs-border-color: var(--theme-modetabs-classic-border-color); --modetabs-text-color: var(--theme-modetabs-classic-text-color); } .modesbox.c-normal .m-expert, .modesbox.c-normal .m-master, .modesbox.c-normal .m-expert-master { display: none !important; } .modesbox.c-expert { --modetabs-background: var(--theme-modetabs-expert-background); --modetabs-border-color: var(--theme-modetabs-expert-border-color); --modetabs-text-color: var(--theme-modetabs-expert-text-color); } .modesbox.c-expert .m-normal, .modesbox.c-expert .m-master, .modesbox.c-expert .m-normal-master { display: none !important; } .modesbox.c-master { --modetabs-background: var(--theme-modetabs-master-background); --modetabs-border-color: var(--theme-modetabs-master-border-color); --modetabs-text-color: var(--theme-modetabs-master-text-color); } .modesbox.c-master .m-normal, .modesbox.c-master .m-expert, .modesbox.c-master .m-normal-expert { display: none !important; } .modesbox.expertonly .m-normal, .modesbox .expertonly .m-normal { display: none !important; } .modesbox.masteronly .m-normal, .modesbox.masteronly .m-expert, .modesbox .masteronly .m-normal, .modesbox .masteronly .m-expert { display: none !important; } /********* Portable infobox theme *********/ /* Extension:PortableInfobox */ /* Portable infobox templates: * [[Template:Buff infobox]] * [[Template:Patch infobox]] * [[Template:Re-Logic staff infobox]] * [[Template:Software infobox]] * [[Template:User infobox]] */ .portable-infobox { --pi-border-color: var(--theme-box-border-color); /* this variable is also used by some other rules not listed here */ border: 1px solid var(--pi-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; width: 21em; box-sizing: border-box; } .portable-infobox .pi-data, .portable-infobox .pi-group { border: none; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { color: var(--modetabs-text-color); text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--modetabs-background); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); } .portable-infobox .pi-title { font-weight: bold; font-size: 15px; padding: 6px 3px; line-height: 1.2; } .portable-infobox .pi-title + .pi-group, .portable-infobox .pi-group.pi-collapse-closed + .pi-group { margin-top: 4px; } .portable-infobox .pi-header { padding: 2px 0; } .portable-infobox .pi-secondary-font { font-size: 12px; line-height: 1.5; /* Set the font-family to the standard text font. "h3.pi-secondary-font" * elements (the "data labels" get a different font because they are "h3" * elements, but they should look the same as the "data value" elements. */ font-family: var(--font-family); } .portable-infobox .pi-navigation { background-color: transparent; border-top: 1px solid var(--pi-border-color); font-size: 11.5px; } .portable-infobox .pi-data.pi-item .pi-data-label { flex-basis: 120px; text-align: right; hyphens: unset; /* overwriting the default "hyphens:auto" */ } .portable-infobox .pi-group.pi-collapse .pi-header { cursor: pointer; } .portable-infobox .pi-image { margin: 6px; } .portable-infobox .pi-image img { max-width: 100%; height: auto; } .portable-infobox h2::after { /* Hide the line that is displayed below normal h2 elements by default */ display: none; } @media screen and (min-width: 720px) { .client-js .pi-collapse .pi-header:first-child { padding-right: 0; } } /********* [[Template:Item infobox]] *********/ .item.infobox { width: 21em; } .item.infobox .images { min-height: 50px; } .item.infobox .images .auto, .item.infobox .images .stack { position: absolute; right: 3px; } .item.infobox .images .auto { top: 3px; } .item.infobox .images .stack { bottom: 3px; } .item.infobox .images ul.infobox-inline > li { display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; vertical-align: middle; line-height: 2px; } .item.infobox .images ul.infobox-inline > li::before { content: ""; display: block; width: 1px; background: var(--theme-box-border-color); height: 80%; position: absolute; left: 0; top: 10%; } .item.infobox .images ul.infobox-inline > li:first-child { padding: 0 8px; } .item.infobox .images ul.infobox-inline > li:first-child::before { display: none; } .item.infobox .images ul.infobox-block > li { display: block; padding: 13px 0 0 0; margin: auto; position: relative; } .item.infobox .images ul.infobox-block > li::before { content: ""; display: block; height: 1px; background: var(--theme-box-border-color); width: 80%; position: absolute; left: 10%; top: 6px; } .item.infobox .images ul.infobox-block > li:first-child { padding-top: 0; } .item.infobox .images ul.infobox-block > li:first-child::before { display: none; } .item.infobox .images hr { background-color: var(--theme-box-border-color); margin: 0.5em 0; } .item.infobox .section { overflow: hidden; } .item.infobox .section.projectile, .item.infobox .section.mount { text-align: center; } .item.infobox .section.projectile .name, .item.infobox .section.mount .name { font-size: 10.5px; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .item.infobox .section.projectile .image, .item.infobox .section.mount .image { margin: 0.25em 0.5em 0.5em; } .item.infobox .section.projectile img { max-width: 100%; height: auto; } .item.infobox .section.projectile .name { margin-top: 0.25em; } .item.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .item.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .item.infobox .section.drop table { /* drop info section in item infobox */ margin-top: 6px; margin-bottom: 6px; } .item.infobox .section.drop .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" * rule for the contents of the sortable column headers */ background-image: unset; } .item.infobox .section.drop td { border-top: 1px solid var(--theme-box-border-color); } .item.infobox .section.drop td:first-child s { display: none; } .item.infobox .section.drop th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .item.infobox .section.drop th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .item.infobox .section.drop th:last-child.headerSort { padding-right: 21px; } .item.infobox .section.drop th:first-child, .item.infobox .section.drop td:first-child { text-align: left; width: 0; } .item.infobox .section.drop th:nth-child(2), .item.infobox .section.drop td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .item.infobox .section.drop th:last-child, .item.infobox .section.drop td:last-child { text-align: right; width: 0; min-width: 4em; } .item.infobox .section.drop .entity-name { display: flex; align-items: center; } .item.infobox .section.drop .entity-img img, .item.infobox .section.drop .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .item.infobox .section.drop .nodrop-note { text-align: center; padding-top: 6px; } .item.infobox .section.drop > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .item.infobox .section.drop > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .item.infobox .section.drop > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .item.infobox .section.drop > .mw-collapsible-toggle:after { content: ""; } .item.infobox ul.toolpower { padding: 6px 0; cursor: help; } .item.infobox ul.toolpower li { display: inline-block; padding: 0 0.5em; } .item.infobox ul.toolpower li > img { width: 16px; height: 16px; object-fit: cover; object-position: 0 0; filter: var(--ooui--icon-normal-filter); } .item.infobox ul.toolpower .zero { opacity: 0.5; } .item.infobox td.tvm { /* ammo pages: Total Velocity Multiplier line */ font-weight: bold; padding-left: 5px; } .item.infobox th.tvm, .item.infobox td.tvm { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .small-bold { /* Styling for damagetype and width/height. Use time and knockback use other * classes (.usetime, .knockback) but those have the same styling. */ font-size: 10.5px; font-weight: bold; } /********* [[Template:Npc infobox]] *********/ .npc.infobox { width: 21em; } .npc.infobox .section { overflow: hidden; } .npc.infobox .section.drops .drops.items { margin-top: 4px; margin-bottom: 0; } .npc.infobox .section.projectile { text-align: center; } .npc.infobox .section.projectile img { max-width: calc(100% - var(--padding) * 2); height: auto; } .npc.infobox .section.projectile .image { margin: 0.25em 0.5em 0.5em; } .npc.infobox .section.projectile .name { font-size: 10.5px; margin-top: 0.25em; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .npc.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .npc.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .npc.infobox .statistics table th { width: 6em; } .npc.infobox .immunities > div { margin: -1px; } .npc.infobox .immunities .i { margin: 1px; } .npc.infobox .drops td:first-child { text-align: left; } .npc.infobox .drops td:last-child { text-align: right; } .npc.infobox .drops th:first-child { text-align: left; border-right: 0; } .npc.infobox .drops.money table th { width: 1px; } .npc.infobox .drops.items li { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; padding: 3px 0; margin-bottom: auto; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; position: relative; } .npc.infobox .drops.items li:first-child { background: var(--modetabs-background); color: var(--modetabs-text-color); padding: 2px 6px; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li > div { display: block; } .npc.infobox .drops.items li > div:first-child { text-align: left; } .npc.infobox .drops.items li > div:last-child { text-align: right; } .npc.infobox .drops.items li.notebox { display: block; text-align: center; padding: 0; } .npc.infobox .drops.items li.notebox > div { text-align: center; border-width: 1px; border-style: dashed; border-color: rgba(var(--theme-border-color--rgb), 0.8); border-radius: 3px; margin: 3px auto; padding: 2px 0; } .npc.infobox .drops.items li.note-before, .npc.infobox .drops.items li.note-after { display: block; } .npc.infobox .drops.items li.note-before > div, .npc.infobox .drops.items li.note-after > div { text-align: center; } .npc.infobox .drops.items li.note-before { padding-bottom: 0; margin-bottom: -3px; } .npc.infobox .drops.items li.note-before + li { border-top: 0; } .npc.infobox .drops.items li.note-after { margin-top: -2px; border-top: 0; padding-top: 0; } .npc.infobox .drops.items li .i > span:first-of-type > div.note { /* note2 of {{item}}s in drops list */ font-size: 11px; line-height: 12px; } .npc.infobox .drops.items li.caption { line-height: 1.1; text-align: center; color: var(--modetabs-text-color); background: var(--modetabs-background); display: block; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li.caption.trsbg { /* "Treasure Bag contents" caption */ border-bottom-width: 2px; margin-bottom: 2px; padding-bottom: 5px; } .npc.infobox .drops.items li.caption.trsbg + li { border-top-width: 1px; border-top-style: solid; } .npc.infobox .drops.items li.caption + li.group { border-top-width: 0; } .npc.infobox .drops.items li.caption.group_end { padding-bottom: 5px; } .npc.infobox .drops.items li.group_end { border-bottom-width: 2px; position: relative; margin-bottom: 2px; } .npc.infobox .drops.items li.group { border-color: rgba(var(--theme-border-color--rgb), 0.35); } .npc.infobox .drops.items li.groupstart, .npc.infobox .drops.items li.groupend + li { border-top-width: 2px; } .npc.infobox .drops.items li.groupend { display: none; } .npc.infobox .drops.items li.loot { border-color: rgba(var(--theme-border-color--rgb), 0.35); margin-left: 1.5em; } .npc.infobox .drops.items li.loot:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 100px; background: var(--theme-text-color); position: absolute; left: -1em; top: 50%; transform: translateY(-50%); } .npc.infobox .drops.items li.loot.caption:before { display: none; } .npc.infobox .drops.items li.lootstart, .npc.infobox .drops.items li.lootend { display: none; } .npc.infobox table.drops.money span.money { display: block; } .npc.infobox table.drops.money span.sep { display: block; text-indent: -9999px; height: 1px; overflow: hidden; } ul.table-npcdrops { /* npc drops list in tableview */ text-align: left; margin: auto; } .table-npcdrops > li { list-style: none; margin-bottom: 2px; } .table-npcdrops > li:last-child { margin-bottom: auto; } .table-npcdrops > li > div { display: inline-block; } .table-npcdrops > li > div:last-child { margin-left: 0.25em; } .table-npcdrops > li > div:last-child:before { content: " ("; } .table-npcdrops > li > div:last-child:after { content: ")"; } .npc.infotable { display: grid; grid-template-columns: [tab-left table-left] auto [tab-right note-left] auto [note-right table-right]; grid-template-rows: [tab-start note-start] auto [tab-end note-end table-start] auto [table-end]; width: fit-content; max-width: 100%; } .npc.infotable th { /* "background-color" specifically is necessary here (instead of just * "background" because these "th" elements are potentially sortable. In * that case they are affected by the "th.headerSort" rule from * jquery-tablesorter, where "background-image" is set (for the little * arrow icons). Just "background" would overwrite that and hide the * arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); } .npc.infotable > .statnote { grid-column: note-left/note-right; grid-row: note-start/note-end; text-align: right; font-size: 10px; line-height: 14px; padding-right: 9px; color: var(--theme-text-color-note); } .npc.infotable.note-no > .statnote { display: none; } .npc.infotable.note-bottom { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable.note-bottom > .statnote { text-align: left; } @media screen and (max-width: 640px) { .npc.infotable { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable > .statnote { text-align: left; } } .npc.infotable > .table { grid-column: table-left/table-right; grid-row: table-start/table-end; z-index: 10; margin: 0; border: 1px solid var(--theme-box-border-color); border-radius: 0 8px 8px 8px; padding: 6px; width: 100%; overflow: hidden; } .npc.infotable > .table > table { margin: 0; } .npc.infotable > .table > table.terraria { margin-top: 0 !important; } .npc.infotable .modetabs { grid-column: tab-left/tab-right; grid-row: tab-start/tab-end; z-index: 20; } .npc.infotable .modetabs .tab { margin: 0 5px -1px 0; padding: 4px 1em; } .npc.infotable td.infobox-block span.npcstat, .npc.infotable td.infobox-block span.npcstat .s { display: block; } .npc.infotable td.infobox-block span.npcstat + br, .npc.infotable td.infobox-block span.npcstat .sep { display: none; } .npcstat .ssep { display: inline; padding-left: 0.5em; padding-right: 0.5em; } .npc.infobox .npcstat .ssep, .npc.infotable .npcstat .ssep { display: none; } .npcstat span.prefix, .npcstat span.postfix { display: inline; color: var(--theme-text-color-note); font-weight: normal; font-size: 0.85em; } .npcstat.prefix .s, .npcstat.postfix .s { display: block; } /********* [[Template:Drop infobox]] *********/ .drop.infobox .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" rule * for the contents of the sortable column headers */ background-image: unset; } .drop.infobox table { margin-top: 6px; margin-bottom: 6px; } .drop.infobox td { border-top: 1px solid var(--theme-box-border-color); } .drop.infobox td:first-child s { display: none; } .drop.infobox th:first-child, .drop.infobox td:first-child { text-align: left; width: 0; } .drop.infobox th:nth-child(2), .drop.infobox td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .drop.infobox th:last-child, .drop.infobox td:last-child { text-align: right; width: 0; min-width: 4em; } .drop.infobox th { /* "background-color" specifically is necessary here (instead of just * "background" because these sortable "th" elements have a "th.headerSort" * rule from jquery-tablesorter, where "background-image" is set (for * the little arrow icons). Just "background" would overwrite that and * hide the arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); border-bottom: 1px var(--modetabs-border-color) solid; border-right: 0; padding: 2px 5px; } .drop.infobox th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .drop.infobox th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .drop.infobox th:last-child.headerSort { padding-right: 21px; } .drop.infobox .entity-name { display: flex; align-items: center; } .drop.infobox .entity-img img, .drop.infobox .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .drop.infobox .nodrop-note { text-align: center; padding-top: 6px; } .drop.infobox > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .drop.infobox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .drop.infobox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .drop.infobox > .mw-collapsible-toggle:after { content: ""; } /********* [[Template:Infobox wrapper]] *********/ .infobox-wrapper.float-right { float: right; margin-left: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-right { float: none; margin-left: auto; } } .infobox-wrapper.float-left { float: left; margin-right: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-left { float: none; margin-right: auto; } } .infobox-wrapper.float-none { float: none; } .infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none { float: none; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none { float: none; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } /********* [[Template:Crafts]] *********/ /* This template no longer exists on the English Terraria Wiki but it is still * used on the Terraria Mods Wiki and possibly some language wikis */ /* match the appearance of table.terraria */ table.crafts { /* must be "table.crafts", ".crafts" is not enough */ margin: 0.5em 0; border-spacing: 0; line-height: 1.5; border: 1px solid var(--theme-box-border-color); border-radius: 6px; } table.crafts table { border-collapse: collapse; border: 2px solid transparent; } .crafts caption { font-size: 16px; background: var(--theme-highlight-background); padding: 6px 8px; position: relative; font-weight: bold; white-space: nowrap; margin: 2px; } .crafts caption > i, .crafts caption > b { vertical-align: middle; } .crafts table th, .crafts table td { padding: 4px 8px; border: 1px solid var(--theme-box-border-color); } .crafts table th { background: var(--theme-highlight-background); background-clip: padding-box; } .crafts td { border: 0; padding: 2px; } .crafts td.result, .crafts td.ingredients { white-space: nowrap; } .crafts td.result .version-note { margin-bottom: 0.25em; } .crafts td.result .result-note { margin-top: 0.25em; } .crafts td.station { text-align: center; } .crafts td.station > b, .crafts td.station > i { vertical-align: middle; } .crafts td.station span.water { display: inline-block; vertical-align: middle; } .crafts.nostation th.station, .crafts.nostation td.station { display: none; } .crafts .i > span, .crafts .note-text { /* itemlink default as multiline */ line-height: 1.25; vertical-align: middle; } .crafts .ingredients ul, .crafting-ingredients > ul { margin: -3px 0; list-style: none; } .crafts .ingredients li, .crafting-ingredients > ul > li { margin: 3px auto; } .recipe.compact .result-note { margin-left: 2px; } /********* [[Template:Recipes]] *********/ /* match the appearance of table.terraria */ .recipes caption > b, .recipes caption > i { vertical-align: middle; } .recipes .ib { display: inline-block; vertical-align: middle; } .recipes th, .recipes td { padding: 4px 8px; } .recipes td.result, .recipes td.ingredients { white-space: nowrap; } .recipes td.result .version-note { margin-bottom: 4px; } .recipes td.result .result-note { margin-top: 4px; } .recipes td.station { text-align: center; } .recipes td.station > b, .recipes td.station > i { vertical-align: middle; } .recipes.nostation th.station, .recipes.nostation td.station { display: none; } .recipes .i > span, .recipes .am { /* itemlink default as multiline */ line-height: 18px; vertical-align: middle; } .recipes .am { color: var(--theme-text-color-note); } .recipes .am::before { /* thin spaces around multiplication sign */ content: " × "; } .recipes .ingredients ul { margin: -3px 0; list-style: none; } .recipes .ingredients ul > li { margin: 3px auto; } .recipes.compact .result-note { margin-left: 2px; } /********* [[Template:Diagram]] *********/ table.diagram { border-spacing: 0; background: transparent; --connector-border-color: var(--theme-box-border-color); } table.diagram.diagramdoc { /* theme-text-color gives the connectors better visibility in the template documentation */ --connector-border-color: var(--theme-text-color); border: 1px solid var(--theme-box-border-color-light); border-radius: 4px; padding: 0.5em; } table.diagram tr { height: 1px; text-align: center; } table.diagram td.l { border-style: none; border-width: 1px; border-color: var(--connector-border-color); padding: 0.5em; } table.diagram td.n { padding: 0; } table.diagram td.db { border-bottom-style: dashed; } table.diagram td.dr { border-right-style: dashed; } table.diagram td.sb { border-bottom-style: solid; } table.diagram td.sr { border-right-style: solid; } table.diagram td.nb { border-bottom-style: solid; border-bottom-color: transparent; } table.diagram td.nr { border-right-style: solid; border-right-color: transparent; } table.diagram td.cf { position: relative; } table.diagram td.cf:after { content: ""; display: block; position: absolute; width: 0.9px; height: 1px; border-bottom: 1px solid var(--connector-border-color); right: 0; bottom: 0; } table.diagram td.alt { position: relative; } table.diagram td.alt:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); left: 0; bottom: -1px; border-width: 3px 8px 1px 0; border-top-color: transparent; } table.diagram td.alb { position: relative; } table.diagram td.alb:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); left: 0; top: 0; border-width: 0 8px 3px 0; border-bottom-color: transparent; } table.diagram td.art { position: relative; } table.diagram td.art:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); right: 0; bottom: -1px; border-width: 3px 0 1px 8px; border-top-color: transparent; } table.diagram td.arb { position: relative; } table.diagram td.arb:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); right: 0; top: 0; border-width: 0 0 3px 8px; border-bottom-color: transparent; } table.diagram td.atl { position: relative; } table.diagram td.atl:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); right: -1px; top: 0; border-width: 0 1px 8px 3px; border-left-color: transparent; } table.diagram td.atr { position: relative; } table.diagram td.atr:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); left: 0; top: 0; border-width: 0 3px 8px 0; border-right-color: transparent; } table.diagram td.abl { position: relative; } table.diagram td.abl:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); right: -1px; bottom: 0; border-width: 8px 1px 0 3px; border-left-color: transparent; } table.diagram td.abr { position: relative; } table.diagram td.abr:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); left: 0; bottom: 0; border-width: 8px 3px 0 0; border-right-color: transparent; } table.diagram td.ct, table.diagram td.cb { position: relative; } table.diagram td.sr.cb { border-right-color: transparent; } table.diagram td.ct:before { content: ""; display: block; position: absolute; border-style: solid; border-color: var(--connector-border-color); right: 0; top: 0; width: 100%; height: calc(100% - 4px); border-width: 0 1px 0 0; } table.diagram td.cb:before { content: ""; display: block; position: absolute; border-style: solid; border-color: var(--connector-border-color); right: -1px; bottom: 0; width: 100%; height: calc(100% - 4px); border-width: 0 1px 0 0; } table.diagram td.ct:after { content: ""; display: block; position: absolute; border-style: solid; border-color: var(--connector-border-color); right: -4px; bottom: -5px; width: 5px; height: 9px; border-width: 1px 1px 1px 0; border-radius: 0 10px 10px 0; } table.diagram td.no-border { border: none; } table.diagram td.craft-station { border: none; padding: 2px 0; } .diagram-box { border-width: 2px; border-style: solid; border-color: var(--theme-box-border-color); border-radius: 7px; padding: 0.25em 0.5em; } .diagram-box .note-text { line-height: 1.25; margin-top: 0.25em; } .diagram-box > .note-text:first-child { margin-top: auto; } .diagram-box > img:first-child { margin-top: 2px; } /****** crafting-tree ******/ .crafting-tree { overflow: auto; padding: 0.5em 0; font-size: 12px; line-height: 1.25; } .crafting-tree .diagram { white-space: nowrap; } /********* [[Template:Card]] *********/ .card { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); box-sizing: border-box; margin: 0.5em; width: fit-content; } .card > .heading { background-color: var(--theme-highlight-background); font-weight: bold; margin-bottom: 0.5em; padding: 0.25em 0.5em; } .card > .heading:empty { display: none; } .card > .content { padding: 0 0.5em; } /********* [[Template:Infocard]] *********/ .infocard { box-sizing: border-box; --infocard-padding: 1em; --infocard-padding-negative: calc(var(--infocard-padding) * -1); --infocard-padding-half: calc(var(--infocard-padding) * 0.5); --infocard-padding-half-negative: calc(var(--infocard-padding-negative) * 0.5); --infocard-icon-right-offset: -2em; --infocard-box-title-font-size: 1.5em; --infocard-box-title-font-weight: lighter; --infocard-main-heading-font-size: 2em; padding: var(--infocard-padding); border: 1px solid var(--theme-box-border-color); border-radius: 6px; width: 100%; overflow: hidden; min-width: 300px; position: relative; background: var(--theme-background); } .infocard * { box-sizing: border-box; } .infocard + .infocard { /* gap between subsequent infocard elements */ margin-top: 0.5em; } .infocard.auto-width { width: unset; } .infocard.compact { --infocard-padding: 0.5em; --infocard-icon-right-offset: -2.5em; --infocard-box-title-font-size: 100%; --infocard-box-title-font-weight: bold; --infocard-main-heading-font-size: 1.25em; min-width: 240px; } .infocard > .intro { margin: 1em 0; min-width: 200px; } @media screen and (max-width: 720px) { .infocard .outro .content { overflow-x: auto; } } .infocard .heading { margin: 1em 0 var(--infocard-padding-half); font-weight: bold; } .infocard .main-heading { border-right: 3em solid transparent; position: relative; line-height: 1; padding-left: var(--infocard-padding); margin: var(--infocard-padding) var(--infocard-padding-negative); background: var(--theme-highlight-background); } @media screen and (max-width: 450px) { .infocard .main-heading { padding-right: 0 !important; } } .infocard .main-heading .hgroup { display: inline-block; margin-left: 4px; padding: 0 var(--infocard-padding); background: var(--theme-background); } .infocard .main-heading .hgroup > .main { font-size: var(--infocard-main-heading-font-size); color: var(--theme-text-color-highlight); } .infocard .main-heading .hgroup > .main > .namenote { font-size: 62.5%; color: var(--theme-text-color-note); } .infocard .main-heading .icon { position: absolute; right: var(--infocard-icon-right-offset); top: 50%; transform: translateY(-50%); z-index: 1; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; width: var(--iconsize); height: var(--iconsize); } .infocard .main-heading .icon.frame { border: 1px solid var(--theme-box-border-color); border-radius: 4px; background: var(--theme-page-background-color); } .infocard .main-heading .icon.frame.round { border-radius: 100%; } .infocard > .minicard { float: right; margin: -1em 1em 0.75em 0.75em; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); position: relative; z-index: 5; } @media screen and (max-width: 450px) { .infocard > .minicard { float: none; margin: 0; } } .infocard > .minicard .image { background: var(--theme-box-border-color); border-left: 1px solid var(--theme-box-border-color); border-right: 1px solid var(--theme-box-border-color); box-shadow: var(--theme-widget-shadow); } @media screen and (max-width: 450px) { .infocard > .minicard .image { width: 100% !important; text-align: center; } } .infocard > .minicard .content { border: 1px solid var(--theme-box-border-color); border-top: 0; background: var(--theme-background); border-radius: 0 0 4px 4px; padding: 0 0.75em; box-shadow: var(--theme-widget-shadow); } @media screen and (max-width: 450px) { .infocard > .minicard .content { width: 100% !important; } } .infocard > .minicard .content > .intro { margin-top: 0.75em; } .infocard > .minicard .content > dl { margin: 0.75em 0; } .infocard > .minicard .content dt { font-weight: bold; margin-top: 0.75em; } .infocard > .minicard .content dd { margin: 0; } .infocard > .minicard .content > .outro { margin-bottom: 0.75em; } .infocard .box { padding: var(--infocard-padding); margin: 1em 0; background-color: var(--theme-box-background); border: 1px solid var(--theme-widget-border-color); border-radius: 4px; } .infocard .box > .title { line-height: 1; display: inline-block; margin-left: var(--infocard-padding-negative); padding: 0 1em 0 var(--infocard-padding-half); min-width: 5em; border-left: var(--infocard-padding-half) solid transparent; border-left-color: transparent; } .infocard .box > .title > span { font-weight: var(--infocard-box-title-font-weight); font-size: var(--infocard-box-title-font-size); } .infocard .box > .content { margin-top: 4px; } .infocard.biome .main-heading + div { display: flex; flex-wrap: wrap; margin: 0 var(--infocard-padding-half-negative) var(--infocard-padding-negative); } .infocard.biome .main-heading + div > .box { margin: 0 var(--infocard-padding-half) var(--infocard-padding); flex: 1 1 auto; } .infocard.biome .main-heading + div > .box:last-child, .infocard.biome .main-heading + div > .box.last { flex: 10 10 auto; } .infocard.biome .main-heading + div > .box .dotlist { margin-top: -2px; } .infocard.biome .main-heading + div > .box .dotlist li { margin-top: 2px; } /********* [[Template:Navbox]] *********/ /**** new navbox: RANGER ****/ /** as of Module:navbox version 1.2.0 **/ /********************************************************** * Template:Navbox (RANGER) (needs semantic horizontal lists above) * ***********************************************************/ .ranger-navbox { --navbox-background: none; /* for entire navbox */ --navbox-margin: 0.5em auto; --navbox-padding: 4px; --navbox-gap: 3px; /* when using zero-value, it must be 0px */ --navbox-outer-border-color: var(--wiki-content-border-color--accent); --navbox-outer-border-width: 1px; --navbox-outer-border-style: solid; --navbox-outer-border-radius: 0px; --navbox-font-size: calc(1em - 2px); --navbox-title-color: var(--wiki-accent-label-color); --navbox-title-font-size: calc(125%); --navbox-title-background: var(--wiki-accent-color); --navbox-title-icon-color: var(--wiki-accent-label-color); --navbox-title-link-color: var(--navbox-title-color); --navbox-title-link-color--visited: var(--navbox-title-link-color); --navbox-title-link-color--hover: var(--wiki-accent-link-color); --navbox-title-redlink-color: var(--navbox-title-link-color); --navbox-title-link-decoration: underline solid; --navbox-title-redlink-decoration: underline wavy; --navbox-title-padding--y: 0.5em; --navbox-above-background: rgba(var(--wiki-content-text-color--rgb), 0.15); --navbox-above-color: var(--wiki-content-text-color); --navbox-above-padding: var(--navbox-list-padding); --navbox-below-background: var(--navbox-above-background); --navbox-below-color: var(--navbox-above-color); --navbox-below-padding: var(--navbox-above-padding); --navbox-header-color: var(--navbox-title-color); --navbox-header-font-size: calc(110%); --navbox-header-background: var(--navbox-title-background); --navbox-header-icon-color: var(--navbox-title-icon-color); --navbox-header-link-color: var(--navbox-title-link-color); --navbox-header-link-color--visited: var(--navbox-title-link-color--visited); --navbox-header-link-color--hover: var(--navbox-title-link-color--hover); --navbox-header-redlink-color: var(--navbox-title-redlink-color); --navbox-header-link-decoration: var(--navbox-title-link-decoration); --navbox-header-redlink-decoration: var(--navbox-title-redlink-decoration); --navbox-header-padding--y: 0.3em; --navbox-subheader-font-size: calc(100%); --navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2); --navbox-list-background: rgba(var(--wiki-content-text-color--rgb), 0.05); --navbox-list-background--striped: rgba(var(--wiki-content-text-color--rgb), 0.08); --navbox-list-color: var(--wiki-content-text-color); --navbox-list-padding: 0.25em 0.5em; /* --navbox-group-* also apply to .ranger-subgroup */ --navbox-group-text-align: left; --navbox-group-text-align--mobile: left; /* only for mobile view */ --navbox-group-background: rgba(var(--wiki-accent-color--rgb), 0.2); --navbox-group-color: var(--wiki-content-text-color); --navbox-group-padding: var(--navbox-list-padding); --navbox-tree-line-color: var(--navbox-group-background); --navbox-tree-line-width: 2px; --navbox-tree-indent: 1em; --navbox-tree-line-indent: 0.5em; --navbox-tree-line-spacing: var(--navbox-gap); --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-metalinks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --navbox-icon-offset--x: 0.5rem; /* should be an absolute length (rem-based or px-based) */ } .ranger-navbox.no-underline-title-links { --navbox-title-link-color: var(--wiki-accent-link-color); --navbox-title-link-decoration: none; --navbox-title-redlink-decoration: none; } .ranger-navbox.noborder, .ranger-navbox.no-border { --navbox-padding: 0px; --navbox-outer-border-width: 0px; } .ranger-navbox { border-color: var(--navbox-outer-border-color); border-style: var(--navbox-outer-border-style); border-width: var(--navbox-outer-border-width); border-radius: var(--navbox-outer-border-radius); padding: var(--navbox-padding); font-size: var(--navbox-font-size); margin: var(--navbox-margin); background: var(--navbox-background); line-height: 1.5; clear: both; } .ranger-navbox * { border: 0; } .ranger-navbox .center * { margin-left: unset; margin-right: unset; } .ranger-navbox, .ranger-navbox .ranger-section, .ranger-navbox .ranger-listbox { display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-title, .ranger-navbox .ranger-header { text-align: center; min-height: 1.5em; position: relative; z-index: 0; font-weight: bold; } .ranger-navbox .ranger-title { color: var(--navbox-title-color); background: var(--navbox-title-background); font-size: var(--navbox-title-font-size); padding: var(--navbox-title-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a:visited, .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited, .ranger-navbox .ranger-title a.external:hover { text-decoration: var(--navbox-title-link-decoration); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited { text-decoration: var(--navbox-title-redlink-decoration); } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited { color: var(--navbox-title-link-color); } .ranger-navbox .ranger-title a:visited { color: var(--navbox-title-link-color--visited); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited { color: var(--navbox-title-redlink-color); } .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a:visited:hover, .ranger-navbox .ranger-title a.external:hover, .ranger-navbox .ranger-title a.external:visited:hover { color: var(--navbox-title-link-color--hover); } .ranger-navbox .ranger-header { color: var(--navbox-header-color); background: var(--navbox-header-background); font-size: var(--navbox-header-font-size); padding: var(--navbox-header-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-sublist .ranger-header { font-size: var(--navbox-subheader-font-size); padding: var(--navbox-subheader-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a:visited, .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited, .ranger-navbox .ranger-header a.external:hover { text-decoration: var(--navbox-header-link-decoration); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited { text-decoration: var(--navbox-header-redlink-decoration); } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited { color: var(--navbox-header-link-color); } .ranger-navbox .ranger-header a:visited { color: var(--navbox-header-link-color--visited); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited { color: var(--navbox-header-redlink-color); } .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a:visited:hover, .ranger-navbox .ranger-header a.external:hover, .ranger-navbox .ranger-header a.external:visited:hover { color: var(--navbox-header-link-color--hover); } .ranger-navbox .ranger-meta { font-size: var(--navbox-title-font-size); position: absolute; left: var(--navbox-icon-offset--x); top: calc(var(--navbox-title-padding--y) + 0.08em); /* 0.08em: vertial offset tweak based on the icon graph */ display: block; } .ranger-navbox .ranger-meta .nv { --mask: var(--icon-metalinks); display: block; width: 0.84em; /* based on the icon graph */ height: 0.84em; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); } .ranger-navbox .ranger-meta .nv > a { display: block; width: 100%; height: 100%; opacity: 0; } .ranger-navbox .ranger-meta .nv > a > span { display: block; width: 100%; height: 100%; overflow: hidden; } .ranger-navbox .ranger-meta:has(.mw-selflink) { display: none; } .ranger-navbox, .ranger-navbox .ranger-section { position: relative; } .ranger .mw-collapsible-toggle-placeholder { display: none; } .ranger-navbox .ranger-title > .ranger-title-text, .ranger-navbox .ranger-header > .ranger-header-text { pointer-events: none; } .ranger-navbox .ranger-title > .ranger-title-text a, .ranger-navbox .ranger-header > .ranger-header-text a { pointer-events: auto; } .ranger-navbox .ranger-title > .mw-collapsible-toggle, .ranger-navbox .ranger-header > .mw-collapsible-toggle { --mask: var(--icon-chevron-down); position: absolute; right: 0; top: 0; z-index: -1; display: block; width: 100%; height: 100%; overflow: hidden; } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle { width: 1.5em; height: 1.5em; right: var(--navbox-icon-offset--x); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle { top: var(--navbox-title-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle { top: var(--navbox-header-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-sublist .ranger-header > .mw-collapsible-toggle { top: var(--navbox-subheader-padding--y); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle::before { content: ""; display: block; width: 1.5em; height: 1.5em; position: absolute; right: var(--navbox-icon-offset--x); -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); transform: scaleY(-1); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before { top: var(--navbox-title-padding--y); } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before { top: var(--navbox-header-padding--y); } .ranger-navbox .ranger-sublist .ranger-header > .mw-collapsible-toggle::before { top: var(--navbox-subheader-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle::before { top: 0; right: 0; } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before { background-color: var(--navbox-header-icon-color); } .ranger-navbox .ranger-title > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before { transform: none; } .ranger-navbox .ranger-title > .mw-collapsible-toggle *, .ranger-navbox .ranger-title > .mw-collapsible-toggle::after, .ranger-navbox .ranger-header > .mw-collapsible-toggle *, .ranger-navbox .ranger-header > .mw-collapsible-toggle::after { display: none; } .ranger-navbox .ranger-list { width: unset; padding: var(--navbox-list-padding); } .ranger-navbox .ranger-above { background: var(--navbox-above-background); color: var(--navbox-above-color); padding: var(--navbox-above-padding); width: unset; } .ranger-navbox .ranger-below { background: var(--navbox-below-background); color: var(--navbox-below-color); padding: var(--navbox-below-padding); width: unset; } .ranger-navbox .ranger-sublist { display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-section-body { display: grid; gap: var(--navbox-gap); grid-template-columns: auto minmax(0, 1fr); } .ranger-navbox .ranger-row { display: contents; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup { text-align: var(--navbox-group-text-align); white-space: nowrap; font-weight: bold; background: var(--navbox-group-background); color: var(--navbox-group-color); padding: var(--navbox-group-padding); width: unset; } /* for desktop view */ .ranger-navbox.group-align-left .ranger-group, .ranger-navbox.group-align-left .ranger-subgroup { --navbox-group-text-align: left; } .ranger-navbox.group-align-center .ranger-group, .ranger-navbox.group-align-center .ranger-subgroup { --navbox-group-text-align: center; } .ranger-navbox.group-align-right .ranger-group, .ranger-navbox.group-align-right .ranger-subgroup { --navbox-group-text-align: right; } /* for mobile view */ .ranger-navbox.mobile-group-align-left .ranger-group, .ranger-navbox.mobile-group-align-left .ranger-subgroup { --navbox-group-text-align--mobile: left; } .ranger-navbox.mobile-group-align-center .ranger-group, .ranger-navbox.mobile-group-align-center .ranger-subgroup { --navbox-group-text-align--mobile: center; } .ranger-navbox.mobile-group-align-right .ranger-group, .ranger-navbox.mobile-group-align-right .ranger-subgroup { --navbox-group-text-align--mobile: right; } .ranger-navbox .ranger-listbox > .ranger-wrap { background: var(--navbox-list-background); color: var(--navbox-list-color); flex-grow: 1; } .ranger-navbox .ranger-sublist { flex-grow: var(--count); } .ranger-navbox .ranger-listbox:first-child { /* A list-n without group-n */ grid-column-end: span 2; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox > .ranger-wrap { display: grid; justify-items: stretch; align-items: center; } .ranger-navbox.striped-even .ranger-even, .ranger-navbox.striped-odd .ranger-odd { background: var(--navbox-list-background--striped); } /* make links use full line height (larger click box)*/ .ranger-navbox .hlist a { display: inline-block; } .ranger-navbox .align-left, .ranger-navbox .alignleft { text-align: left; } .ranger-navbox .align-center, .ranger-navbox .aligncenter { text-align: center; } .ranger-navbox .align-right, .ranger-navbox .alignright { text-align: right; } /* responsive */ @media screen and (max-width: 720px) { .ranger-navbox .ranger-section-body, .ranger-navbox .ranger-sublist { display: flex; flex-flow: column; } .ranger-navbox .ranger-row { display: block; } .ranger-navbox .ranger-group + .ranger-listbox > .ranger-sublist:first-child, .ranger-navbox .ranger-subgroup + .ranger-listbox > .ranger-sublist:first-child { margin-top: var(--navbox-gap); } .ranger-navbox .ranger-listbox.empty { display: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup { text-align: var(--navbox-group-text-align--mobile); white-space: normal; } .ranger-navbox .ranger-sublist { padding-left: var(--navbox-tree-indent); margin-left: var(--navbox-tree-line-indent); } .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox { position: relative; } .ranger-navbox .ranger-group br, .ranger-navbox .ranger-subgroup br { display: none; } .ranger-navbox .ranger-sublist > .ranger-section > .ranger-header { margin-left: calc(0px - var(--navbox-tree-indent) - var(--navbox-tree-line-indent)); } .ranger-navbox .ranger-sublist .ranger-row > ::before { position: absolute; left: calc(0px - var(--navbox-tree-indent)); top: 0; width: var(--navbox-tree-line-width); height: 100%; content: ""; display: block; background-color: var(--navbox-tree-line-color); } .ranger-navbox .ranger-sublist .ranger-row > .ranger-listbox::before, .ranger-navbox .ranger-row.empty-list > .ranger-subgroup::before { height: calc(100% + var(--navbox-gap)); } .ranger-navbox .ranger-sublist .ranger-row:last-child > ::before { display: none; } .ranger-navbox .ranger-sublist .ranger-row:last-child > :first-child::before { display: block; height: calc(50% + var(--navbox-tree-line-width) / 2); } .ranger-navbox .ranger-subgroup::after, .ranger-navbox .empty-group > .ranger-listbox > .ranger-wrap::after { position: absolute; left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width)); width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-spacing) - var(--navbox-tree-line-width)); height: var(--navbox-tree-line-width); content: ""; background-color: var(--navbox-tree-line-color); } /* increase height for links */ .ranger-navbox .hlist { line-height: 2; } } /********************* * End Template:Navbox* **********************/ /* tweak RANGER for terraria wiki */ .ranger-navbox { --navbox-padding: 6px; --navbox-outer-border-color: var(--theme-box-border-color); --navbox-outer-border-radius: var(--theme-box-border-radius); --navbox-group-text-align: right; --navbox-font-size: calc(1em); --navbox-title-color: var(--theme-heading-color); --navbox-title-font-size: calc(1em + 4px); --navbox-title-icon-color: var(--theme-icon-color-link); --navbox-title-link-color: var(--theme-link-color); --navbox-title-link-color--visited: var(--theme-link-color-visited); --navbox-title-link-color--hover: var(--theme-link-color-hover); --navbox-title-redlink-color: var(--theme-link-color-redlink); --navbox-above-background: var(--theme-text-background-color-highlight); --navbox-above-color: var(--theme-text-color); --navbox-header-font-size: calc(1em + 2px); --navbox-header-padding--y: 0.25em; --navbox-title-background: var(--theme-highlight-background); --navbox-list-background: none; --navbox-list-background--striped: rgba(var(--theme-text-color--rgb), 0.08); --navbox-list-color: var(--theme-text-color); --navbox-group-background: var(--theme-box-background); --navbox-group-color: var(--theme-text-color); } .ranger-navbox.no-underline-title-links { --navbox-title-link-color: var(--theme-link-color); } .ranger-navbox .ranger-title, .ranger-navbox .ranger-header, .ranger-navbox .ranger-sublist .ranger-header { padding-left: 7px; text-align: left; } .ranger-navbox .ranger-meta { left: unset; right: 0.5rem; } .ranger-navbox .mw-collapsible-toggle + .ranger-meta { right: 2.875rem; } /*increase spacing between lines for {{item}}*/ .ranger-navbox .ranger-list .i { margin: 2px auto; } /**** old navbox: may be still used on language wikis ****/ /* subtemplates: * [[Template:Navbox/end]] * [[Template:Navbox/h1]] * [[Template:Navbox/h2]] * [[Template:Navbox/start]] * [[Template:Navbox/v.d.e]] */ .navbox { background: var(--theme-highlight-background); background-size: 100%; border-width: 1px; border-style: solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); box-sizing: border-box; padding: 6px; margin: 0.5em auto; width: 100%; max-width: 1800px; position: relative; clear: both; } .navbox .i { padding: 1px 0; } .navbox > .header { background: var(--theme-highlight-background); background-size: 100%; border-width: 1px; border-style: solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); text-align: left; font-size: 16px; font-weight: bold; line-height: 2; min-height: 1em; padding: 4px 70px 4px 6px; } .navbox > .vde { position: absolute; right: 10px; top: calc(2rem + 2px); font-size: 9px; line-height: 1; color: var(--theme-text-color-note); } .navbox .table > div > .title, .navbox .table > div > .h1, .navbox .table > div > .h2 { background: var(--theme-highlight-background); background-size: 100%; border-width: 1px; border-style: solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); } .navbox > .mw-collapsible-toggle { position: absolute; line-height: 1; right: 10px; top: 10px; font-size: 12px; } .navbox > .mw-collapsible-toggle > .mw-collapsible-bracket { display: none; } .navbox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 5px; height: 5px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .navbox > .mw-collapsible-toggle:after { content: ""; } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .navbox > .content { text-align: left; padding: 6px 6px 0; } .navbox > .content .dotlist + .dotlist { margin-top: 0.5em; } .navbox > .content > .dotlist + .dotlist { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--theme-body-text-color--hover); } .navbox .navbox { /* nested navbox */ border: 0; padding: 0; width: auto; margin: 0 -6px 6px -6px; } .navbox .navbox:last-child { margin: 0 -6px; } .navbox .navbox > .header { font-size: 14px; padding: 0 64px 0 6px; } .navbox .navbox > .mw-collapsible-toggle { right: 4px; top: 4px; font-size: 10px; } .navbox .navbox > .mw-collapsible-toggle:before { width: 3px; height: 3px; border-left: 1px solid var(--theme-link-color); border-top: 1px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .navbox .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 1px solid var(--theme-link-color); border-bottom: 1px solid var(--theme-link-color); top: -1px; } .navbox .h1 { font-weight: bold; margin-top: 0.5em; margin-bottom: 0.25em; line-height: 1.5; } .navbox .h1::after { content: ""; display: block; margin: auto auto auto 0; width: 5em; height: 0; border-bottom: 2px solid var(--theme-box-border-color); } .navbox .h1 + .h2 { margin-top: 0.5em; } .navbox .table > div:first-child .h1, .navbox .content > .h1:first-child { margin-top: auto; } .navbox .h2 { font-weight: bold; line-height: 1.5; margin-top: 0.25em; font-size: 12px; } .navbox .h2 + .h3 { margin-top: 0.5em; } .navbox .h3 { font-size: 10px; font-weight: bold; line-height: 1.5; } @media (max-width: 599px) { .navbox .table > div > .title::after, .navbox .table > .dotlist > .title::after { content: ":"; margin-right: 0.25em; } } @media (min-width: 600px) { .navbox .table { display: table; text-align: left; margin: -5px -7px -1px -7px; } .navbox .table > div { display: table-row; } .navbox .table > div > * { display: table-cell; padding: 4px 7px; vertical-align: middle; box-shadow: inset 0 0 0 1px var(--theme-page-background-color); } .navbox .table > div > .title, .navbox .table > div > .h1, .navbox .table > div > .h2 { background: var(--theme-highlight-background); text-align: right; line-height: 1.1; /*width: max-content;*/ } .navbox .table > div > .title .eil, .navbox .table > div > .h1 .eil, .navbox .table > div > .h2 .eil { white-space: normal; } .navbox .table > div > .title::after, .navbox .table > div > .h1::after { display: none; } .navbox .table .table { display: table; padding: 0; margin: 0 -1px 0 0; } .navbox .table .cell { padding: 0; } .navbox .table .cell > .dotlist { padding: 4px 7px; } } /********* [[Template:Coin]] *********/ .coins { white-space: nowrap; } .coins s { display: none; } .coin { white-space: nowrap; } .coin i { display: none; } .coin span::after { content: ""; display: inline-block; width: 12px; height: 16px; margin: -3px 2px auto; vertical-align: middle; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAQCAMAAACBWcfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURQAAAJN9IW+Nn1xnakwsDMu1R1xCEjI3SiE1P1QdCo+cnWBtj4iksOF1S/Hy6npbGUVMUKGsrbZXG/z4tpmsuFJXbe3Zeey3oOzw89XF45VDFq+h03o3Ea7CxDpXvFYAAAABdFJOUwBA5thmAAAAwUlEQVQoz43SSxKDIBREUXyCQVBRUBQ1+99m4MVQJf5yq3p4Zk2I74WRX4WPPHenuO/c9L1zTbO5omDMmOh2qvT9oTjvummKLqpgAKoKAB2ljGVZdDtVlnU9jujuFOdC5Hl0O1X5miYsKmOsTVUw86w1uifVtsEdFYCU7zeAc6iyTClrGaM0VVqv6zzX9aPK89YnxFFJOQxhyxKVUkdF0KEht4qg28xOfR0AmlBwm0lU8o1rdf2ow3spjeb6vffqtA8gqhYRvoCL8AAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: auto 16px; image-rendering: pixelated; /* for chrome */ image-rendering: crisp-edges; /* for firefox */ } .coin .pc::after { width: 14px; background-position: 0 50%; } .coin .gc::after { background-position: -15px 50%; } .coin .sc::after { background-position: -28px 50%; } .coin .cc::after { background-position: -41px 50%; } /********* [[Template:Multi-column TOC]] *********/ /* todo: 这个模板的样式是有问题的。看[[Recipes]] */ .horizontal-toc { /* to match styles of .toc */ border: 1px solid var(--theme-box-border-color); border-radius: 3px; margin: 24px auto 24px 0; } .horizontal-toc #toc { display: block; border: 0; padding: 0; margin: 0; } .horizontal-toc .toctitle { -webkit-column-span: all; column-span: all; margin-bottom: 9px; min-width: 0 !important; } .horizontal-toc .toctitle h2 { margin: 0; } .horizontal-toc .toctogglecheckbox:checked ~ .toctitle { margin-bottom: 0; } .horizontal-toc .toctogglecheckbox:checked ~ ul:after { display: none; } .horizontal-toc ul:after { content: ""; display: block; -webkit-column-span: all; column-span: all; height: 9px; } .horizontal-toc ul, .horizontal-toc ol { margin-top: 0; padding: 0; } .horizontal-toc ul li:first-child, .horizontal-toc ol li:first-child { margin-top: 0; } /********* [[Template:Quotation]] *********/ blockquote.quotation { position: relative; font-style: italic; padding: 0 1em; margin: 1em auto; overflow: hidden; border-left: none; /* Override default vector styling */ } blockquote.quotation > div.m { display: block; font: bold 5em Times New Roman, Times, Georgie, serif; line-height: 0.8; color: var(--theme-text-color-note); position: absolute; left: 0.2em; top: 0; } blockquote.quotation > div.c { padding: 0.25em 0 0 1em; margin-left: 3em; border-left: 1px solid var(--theme-text-color-note); display: inline-block; } blockquote.quotation > div.c > p:last-child { text-align: right; font-size: 0.9em; margin: 0; } @media (max-width: 640px) { blockquote.quotation { clear: both; } } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } .spoiler-content.show > *, .spoiler-content.hover:hover > * { pointer-events: unset; } /********* [[Template:Hp]] *********/ .hp { display: inline-block; vertical-align: middle; } .hp > div { margin: -2px; max-width: 260px; /* maximum number of hearts in one row: 10 */ } .hp > div > img, .hp > div > a { width: 22px; height: 22px; padding: 2px; } .hp > div .text-red { color: #fe9b9b; } .hp > div .text-golden { color: #e1ad60; } /********* [[Template:Living preferences]] *********/ .living-preferences .love { background-color: rgba(86, 229, 86, 0.4392156863); } .living-preferences .like { background-color: rgba(183, 229, 86, 0.4392156863); } .living-preferences .dislike { background-color: rgba(229, 189, 86, 0.4392156863); } .living-preferences .hate { background-color: rgba(229, 90, 86, 0.4392156863); } /********* [[Template:L10n subtemplate]] *********/ table.l10n-data-table tr:hover td { background-color: rgba(180, 0, 0, 0.05); } table.l10n-data-table th.all-lang, table.l10n-data-table th.lang { cursor: pointer; } table.l10n-data-table th.lang.en { cursor: auto; } table.l10n-data-table th.shrinked { padding-left: 0; padding-right: 0; } table.l10n-data-table th.shrinked code { padding-left: 1px; padding-right: 1px; } table.l10n-data-table th.shrinked small { display: none; } table.l10n-data-table td.shrinked { background-color: rgba(127, 127, 127, 0.05); } table.l10n-data-table td.shrinked > div { display: none; } /* Fade out the EN fallback strings more. The difference from regular strings is * not notable enough otherwise. */ .l10n-data-table .note-text { opacity: 0.5; } /********* Template:project *********/ .project { float: right; display: block; margin: -0.6em 0 0.5em; border: 1px solid var(--theme-box-border-color); background: var(--theme-highlight-background); padding: 0 7px; font-size: 90%; } /********* [[Template:GameText]] *********/ .gameText { white-space: pre-wrap; } /********* [[Template:Archive header]] *********/ .terraria.archive-header { text-align: center; padding: 10px; margin: 10px auto; background: var(--theme-highlight-background); } /********* [[Template:Dpl3]] *********/ .dpl3 { background-color: var(--theme-page-background-color--secondary); font: 120% Courier, monospace; } /********* [[Template:Archive-box]] *********/ .archive-box.terraria { float: right; width: 185px; margin-left: 0.5em; } .archive-box.terraria .archive-header { padding: 0.1em; font-size: 0.9em; color: var(--theme-text-color); background-color: var(--theme-box-border-color); text-align: center; -moz-border-radius: 7px; } .archive-box.terraria .searchbox.mw-inputbox-form .cdx-text-input { /* Codex text input fields impose a min-width of 256px which is sometimes too wide for archive-boxes (e.g. the default width of an archive-box is only 185px). We allow making them more narrow than 256px. */ min-width: unset; } /********* [[Template:Chance]] *********/ /* Legacy rule. As of [[Special:Diff/884944]], the template no longer uses <s> * to display hidden text. Some language wikis might not have updated the template * yet, so the rule is still kept here. */ .chance > s { display: none; } /********* [[Template:Flavor text]] *********/ .flavor-text { margin-bottom: 1em; } /********* [[Template:ToggleBox]] *********/ /* subtemplates: * [[Template:ToggleBox/end]] * [[Template:ToggleBox/handle]] * [[Template:ToggleBox/start]] */ .trw-toggleable .trw-togglehandle { color: var(--theme-link-color); cursor: pointer; } .trw-toggleable .trw-togglehandle:hover { color: var(--theme-link-color--hover); } .trw-toggleable.not-toggled .only-toggled, .trw-toggleable.toggled .only-not-toggled { display: none; } .trw-toggleable .trw-togglehandle > span:first-child { display: inline-block; } .trw-toggleable .trw-togglehandle > span:last-child { display: none; } .trw-toggleable.toggled .trw-togglehandle > span:first-child { display: none; } .trw-toggleable.toggled .trw-togglehandle > span:last-child { display: inline-block; } /********* [[Template:Sound]] *********/ /* All of these styles should only be applied if JavaScript is enabled (because * the functionality doesn't work otherwise); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ .client-js .sound { cursor: pointer; } .client-js .sound audio { /* hide the default HTML audio player */ display: none; } .client-js .sound.iconlast .sound-title::after, .client-js .sound.iconfirst .sound-title::before { /* speaker icon */ content: ""; display: inline-block; width: 1.143em; height: 1.143em; vertical-align: text-top; background: url(https://commons.wiki.gg/images/3/36/Audio.svg); background-size: contain; filter: var(--ooui--icon-normal-filter); } .client-js .sound .sound-title::after { /* for sound.iconlast */ margin-left: 2px; } .client-js .sound .sound-title::before { /* for sound.iconfirst */ margin-right: 2px; } .client-js .sound.sound-playing .sound-title::after, .client-js .sound.sound-playing .sound-title::before { /* color the speaker icon in the "progressive" color */ filter: var(--ooui--icon-progressive-filter); } /********* [[Template:Multi-column list]] *********/ /* correct webkit/chrome uneven margin on the first column*/ .responsive-columns ul, .responsive-columns ol { margin-top: 0; } .responsive-columns ul li:first-child, .responsive-columns ol li:first-child { margin-top: 0; } .mclist.block > ul { list-style: none; margin-left: 0; } @media screen and (max-width: 720px) { .mclist { overflow-x: auto; } .mclist li { display: block; text-overflow: unset; white-space: nowrap; overflow: unset; } } /********* [[Template:Itemlist]] *********/ .itemlist > ul { list-style: none; margin: 0; } .itemlist > ul > li { width: 10em; margin: 0.25em 1em 0.25em auto; display: inline-block; } /********* [[Template:Dotlist]] *********/ .dotlist { margin: auto; } .dotlist > .title { font-weight: bold; } .dotlist > .title::after { content: ""; display: inline-block; width: 0.25em; } .dotlist.nobold > .title { font-weight: normal; } .dotlist > ul { display: inline; list-style: none; margin: auto; /* please don't delete this line, we need it to remove default ul margin setting. */ } .dotlist > ul > li { display: inline-block; } .dotlist > ul > li::after { content: "•"; padding: 0 0.25em; word-break: break-all; } .dotlist > ul > li:last-child::after { display: none; } .dotlist.nodot > ul > li::after { content: "　"; padding: 0; margin: 0; } .dotlist.inline { display: inline; } .dotlist.inline > ul > li { display: inline; } .dotlist.l > .title { margin-right: 0.4em; } .dotlist.l > ul > li::after { margin-left: 0.25em; margin-right: 0.25em; } .dotlist.xl > .title { margin-right: 0.8em; } .dotlist.xl > ul > li::after { margin-left: 0.5em; margin-right: 0.5em; } .dotlist.xxl > .title { margin-right: 1.2em; } .dotlist.xxl > ul > li::after { margin-left: 0.75em; margin-right: 0.75em; } .dotlist.xxxl > .title { margin-right: 1.6em; } .dotlist.xxxl > ul > li::after { margin-left: 1em; margin-right: 1em; } .dotlist.xxxxl > .title { margin-right: 2em; } .dotlist.xxxxl > ul > li::after { margin-left: 1.25em; margin-right: 1.25em; } /********* [[Template:Toc limit]] *********/ /* Allows limiting TOCs to generate links for only header levels below a limit, for instance only level-3 (=== ===) and below. */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none !important; } /********* [[Template:Error]] *********/ .error { font-weight: bold; color: red; } /********* [[Template:Achievement]] *********/ div.achievement { display: flex; flex-wrap: nowrap; align-items: center; margin: 0.5em 0; } div.achievement > div { margin-left: 0.5em; } div.achievement .mw-selflink { font-weight: inherit; } /********* [[Template:History]] *********/ .history-header { background: none; margin: 0; padding-top: 0.5em; padding-bottom: 0.17em; border-bottom: none; font-size: 116%; font-weight: bold; } .history-title { font-weight: bold; } /********* [[Template:Key]] *********/ span.key { display: inline-block; white-space: nowrap; cursor: pointer; } span.key a:-webkit-any-link { text-decoration: none; } span.key kbd { color: black; border: 1px solid rgb(170, 170, 170); box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221); border-radius: 0.2em; background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238)); background-color: rgb(249, 249, 249); padding: 0.1em 0.4em 0.2em 0.3em; margin-right: 2px; font-size: 85%; font-family: inherit; font-style: normal; } /********* [[Template:Na]] *********/ .na { font-size: 90%; color: var(--theme-text-color-note); font-weight: bold; font-style: italic; } /********* [[Template:Color box]] *********/ .color-box { display: inline-block; margin: 1px 0; vertical-align: middle; } /********* [[Template:Transclude]] *********/ .transclude-box { float: right; margin: 0.6em 0 0.5em 0.6em; border: 1px solid var(--theme-box-border-color); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: var(--theme-highlight-background); padding: 0 7px; font-size: 90%; } /********* [[Template:Protected]] *********/ .protected-box { background: var(--theme-box-background); border-color: var(--theme-box-border-color); } .protected-box table { background: none; } .protected-box #left, .protected-box #right { width: 50%; vertical-align: top; padding: 1.3em; } .protected-box #left div, .protected-box #right div { font-size: 120%; font-weight: bold; margin-left: 1.3em; } .protected-box #left { padding: 1.3em 5% 1.3em 1.3em; } /********* [[Template:Loot]] *********/ .loot-table tr:nth-child(2).topline td { border-top: 0; } /********* [[Template:Editcopy notice]] *********/ .editcopy-notice { text-align: center; margin: 0.75em 2px 0; } .editcopy-notice > div { border: 1px solid var(--theme-box-border-color); -moz-border-radius: 5px; border-radius: 5px; background: var(--theme-highlight-background); padding: 0.5em; max-width: 25em; margin: auto; font-style: italic; } .editcopy-notice > div span { display: inline-block; } /********* [[Template:Licensebox]] *********/ .message-box.licensebox { /* override the "width:fit-content" from .message-box */ width: 100%; } .licensebox.licensebox_re-logic .icon, .licensebox.licensebox_fairuse .icon { filter: var(--ooui--icon-normal-filter); } /********* [[Template:Templatedata]] *********/ /* (The "table.terraria" is necessary to make the selector more specific than the default "table.terraria.lined" and thus override its styles.) */ table.terraria.templatedata-doc .templatedata-doc-param { /* Common styles for all parameters, regardless of mode */ font-weight: bold; padding-left: 8px; border-left: 5px solid; } table.terraria.templatedata-doc .templatedata-doc-param.param-required { border-left-color: var(--oouihelper--themerelated-lighter); } table.terraria.templatedata-doc .templatedata-doc-param.param-suggested { border-left-color: var(--oouihelper--disabled); } table.terraria.templatedata-doc .templatedata-doc-param.param-optional { border-left-color: var(--oouihelper--disabled-lighter-transparent); } table.terraria.templatedata-doc .templatedata-doc-param.param-deprecated { border-left-style: dotted; color: var(--theme-notice-red-text-color); background-color: var(--theme-notice-red-background-color); } table.terraria.templatedata-doc .templatedata-doc-param-illegal td { border: red 3px solid; } table.terraria.templatedata-doc .templatedata-doc-param-valuetrue { color: var(--theme-text-color-green); } table.terraria.templatedata-doc .templatedata-doc-param-valuefalse { color: var(--theme-text-color-red); } /********* [[Template:Summoned]] *********/ /* This template no longer exists on the English Terraria Wiki but it is still * used on the Terraria Mods Wiki and possibly some language wikis */ .summoned.infobox { text-align: center; padding-bottom: 12px; } .summoned.infobox .title { font-size: 12px; } .summoned.infobox .p { font-size: 14px; } /********* [[Template:GetDropInfo]] *********/ .dropinfo br { content: ""; } .dropinfo br::after { content: " / "; } .dropinfo .mode-content span + span::before { content: " / "; } /********* [[Template:Doc]] *********/ .feature, .documentation { background: var(--theme-box-background); border: 1px solid var(--theme-box-border-color); border-radius: 5px; padding: 10px; clear: both; } .documentation_header { padding-bottom: 3px; border-bottom: 1px solid var(--theme-box-border-color); } /********* [[Template:Exclusive icons]] *********/ /* Template:eicons .eico:before => d (.i1) .eico b:before => c (.i2) .eico b:after => o (.i3) .eico b => m (.i4) .eico i:before => 3 (.i5) .eico i:after => unused .eico i => unused .eico:after => unused */ .eico { --width: 0; --height: 16px; --small-scale: 0.75; --gap: 0; --base-gap: 2px; } .eico span { /* hidden text for SEO */ display: none; } .eico, .eico b, .eico i { padding-right: var(--width); } .eico, .eico:before, .eico:after, .eico b, .eico b:before, .eico b:after, .eico i, .eico i:before, .eico i:after { display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center center; height: var(--height); width: var(--width); margin-right: var(--gap); } .eico.s { margin-right: calc(-1 * var(--base-gap) * var(--small-scale)); } .eico.s, .eico.s b, .eico.s i { padding-right: calc(var(--width) * var(--small-scale)); } .eico.s, .eico.s:before, .eico.s:after, .eico.s b, .eico.s b:before, .eico.s b:after, .eico.s i, .eico.s i:before, .eico.s i:after { width: calc(var(--width) * var(--small-scale)); height: calc(var(--height) * var(--small-scale)); } .eico, .eico b, .eico i, .eico.s, .eico.s b, .eico.s i { width: auto; background-position: right center; } .eico.i1:before, .eico.i2 b:before, .eico.i3 b:after, .eico.i4 b, .eico.i5 i:before, .eico.i6 i:after { --gap: var(--base-gap); } .eico { color: transparent !important; font-size: 0 !important; line-height: 0 !important; vertical-align: middle !important; white-space: nowrap !important; margin-right: calc(-1 * var(--base-gap)); } .eico.j { /* Japanese console version */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAApElEQVQoka2SQQrEMAhFPaU5mgeb3sBF6CJpGrML6Z9NO0zoZJiWET4I6gO/kqrCzJBzviQzg/cetCwLRrG1hq21YT3n/BlQQ0AUgTJDmRFEUEMYAFIPqDFCmTER4bFrIoIyo8bY9ZrZGRBEXsPTriMPImdASqnbWZ3rht8h6lznyf8Bt1ZY1/W2iaWUMwD4/YxDwLsn3x6plALy3l9+40PzPOMJC/qV2WNuhKAAAAAASUVORK5CYII=); width: 16px; height: 12px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); } .eico.j.s { width: 12px; height: 9px; } .eico.i1:before { /* Desktop version */ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAACp0lEQVQokY2SzUuTcQDHf7haiHjwb/DgSeR3kFGtZeqaLufbHva0mpYoPOIYk9RGoBEmy0wmpEhkGyk8tmVmloHvNdG5x+m02V58aw7nG9Ompw4dvp0KvPW5fuBz+hDyn2g1GhXLMBzDajmGYTkdU8qVqQtURKPVqFidjititFyptpwr0lVyKl0lp9RWckq2glMxOq6U1XJqtbr6cH8PkZ19RLZ3cHJ0gNvqgmpSWFhQvX0Yg//oN7xxwHUMzMWBhTiwcgSEYr8QiZ1i+NMI3HMuuNwCBMED18w0SpRyPVEo5fpg9BA3atuQ++A1ch46oGh+j5LWYZQ/e4eG5/0IROP4PDaJaDSKra0wNta3EA2HUSCX64lSIdd7w/vIrX+Biv51lDki0L3Zxl1+DTV9S6jtGsZS5BT2wRFMTX7B+PgkpqenMTU2iizpRSOR58iMwuYBLtfbkN2xAFnHIq5YPLjaNoc88yiqOj5gZj0Ox/A4AoEQfD4fAqvfsRb0Q3ZJUkeysmTGr74fkJn6cM3ixvXubyjsCYLt3UQVH0ID78F46AQ9/BBWfX44nU7YXr2ERxAgyZTUEYkks84dCOPO07fQdTlR3euFgfehfjCIxiE/2j+uYGJ1D+3dNszOuzAxNYVlnxeCIIBmUBORSqV1iyurcC6vYza4C+/2TyxsxrAUPoY7tAuXbwPzy36o2VtQ39QgjymGimVQXFyMRJGYJ5RSLaXUlJ6ebqKUmqxWK2w2G6xWKyilpoyMDBOl1EQI6awxGlBz/x4etbfCYDAgkYg6z9yWmpraZLfbMTAwAIfDgbS0tKa/LjEpyfK41YxGczOa256gpaUFFxLOWc4EkpOTzdnZ2Xx+fj6vUCj4lJQU8z+ZQHgiSuCJWMQTsYgXi8X8eZGI/wPwz6C3jZnAMAAAAABJRU5ErkJggg==); --width: 16px; } .eico.i2 b:before { /* Console version */ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAACjklEQVQokY2SS08aYRiFv4UxI5dejCFk2kxQdEKMKa0/qQ1iqiVpKw29KKvZGYq0BEQtOCCKVSsCQ0UQhRkuVdA0WlQiRY0umvgbTheaxjQsfLZP3nPexSHkBu1axqBjWYNOqzOQBrRrGQPbrjWwDNvQE023xnp+cYKLkzPUj+vo6NRZb3r2MWs9PavhvH6Kyz+X6PzPE9LSZBGLEvJ5Caf136jXaijtlMF2d1s7ejqtHY9Ya3mvjHq9hsPKPqqHR5AkCU3yFsvVvVxpcTqdEEURmewGht+/xY9CDok1AdXqIY5rVVSrVQhCFJKUhdHwDIWcCEnKwuV2Qi5vsRAlpeRWFsMIzc7hzdArvB56iXeWIfi8bqTXE8iJEjLpDKa9Pgw+78fR0QH6jE+xMB/E0sIcZDKKIwpKyYWC80iuJuCdmsDIyAeImXXEoouIhBexvPQNkeUI4jEB6VQSL0wDcLk/IfE9ivnQDCiqmSMK5V3O7nAgHA7ji3cSodkg/NM+DAwa4fG44ZnyYHxyAv39feB5H+aCAXx2jOHrQggOhx0KhYwj1B3FMD/rx/7BTwjCChx2G+y2UYyPuzAT9GMjswmfn4fL7YTNNoox20fEYwJ+VfYQmOHR2npvmKhptTmRiuO4VsHWtoTVRBy8bxoKGcX16p/w+h49r9f38jKZjAsEAkiuJrFdLCGflxCNrUBNq8yE0TImUcygUMygvFOAIEQhU1Bcoy01K5u5SCSG3dIuSlvbyOclMAxjIg80GmN5dweFYg6xSBg0TZsbrvGaNlpljoajKEgFVPYq6NJqjeShRmPayGSRWlu7eu0W3Fe3mdPpTaSSaTBdGiMhhBC1ijbTKvWtAv4F0Spz23XpX3tXlLpeYi2zAAAAAElFTkSuQmCC); --width: 17px; } .eico.i3 b:after { /* Old-gen console version */ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAACcUlEQVQokXXRW0hTAQAG4PMSDdkl1+atmTbPEEw8bpKYI7TQKDNyRan54GWblacUzU1ZOtGz0mIuiYi00zY3tVLoxS4vBx8KJWPkhdxyO2qWVoRFtxfr4e+lAiX/1///nn6CWBcmUq63yeRolcagVRqnX9+vSasiRn9ZIsJqvRkrdB3sslhcUpAbI4dcjqXc/cDR4/hZdBK/6Gq0S6OxIeiQScHv2o1P6nR835eNH0UlaJNEbQwaFREYVachkJiMhdRUBHNy0RwT/3+gVUSZjoVLTB2yCDxNy8BYqhqdIhEKJeGmvXE7TGvGKlWC6dv7Jaz6AxjSn4EpIhZN8ig8MhjwxfcMn9+9QULCH6RQqcwzfBA8H8QNG4MB8wU0a7Ngy9Difn0tmJoq8HOvsLj0Ftvj481EJBln8c/PYnFxDtfbWoBQEI2ZWtgP5OD13T40nzJiIRTEfIgHSZIWIoUkLTPPx7Hsn0aXxYzQ42HcpCvB0kYEBvvRYjDgw0wA874XSI7eZiGyhDKrz+nBx5EnYBsaYa+twcNeFg/6WFgry3DLVI+VkRFMeb3YIxRbicMCqfWarhhO/VlMuO+A6x9AQw2Numoaw14Pvo6Nwm00ovNIAQ4JhVYihxAwVw7qYC8oxoT7HpZ9k+AnX2J2yo+FiWmMO124mJcHh06HPLGYIbLFW5muUiPaS8rRVFKO82UGnNOfRpWBRnVFJdpKK2ArPIGr5WXIDAtjCI1SmR8tEjn62R54brPwOt3odbnhdHvgdnkwyLow1N0D5RapI12pyv933iaJoDuRSuIoiuIoiuKSNBpup1rDUSkpnGizoPvv7jfmDU3XQ9W5ywAAAABJRU5ErkJggg==); --width: 12px; } .eico.i4 b { /* Mobile version */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAACZ0lEQVQokT3SyU8TYQBA8e8fU2OQqMQYCQejB3EFFO0ww0wBgSIBGmJAQGUKTmmhdNMGsNS2WEHKXqBYQUSw4sKFLXgwERA1zwOJh9/tHZ8QQghXp0d3OQK4nL04XX463F4MtxfD7ae96xl2l18XQgjh8nXrRpeXH/uwswcbB7D++9DWAWzvgs3ho9vn0YXd7WRj7y91zmGqPQtU+BYp9y9h8S5S60nS6HrFzi8wOjsRrYaN9PYumn2CQmeags5V8rpWueVcRXHMYzGGSG/9oUlvQzxpa+fjxj6m1hku29LkGqvkGmmuGCvkt6dQbMO824ZG3Y6wPW5lae0nN5oTnG9e5uKjpf8uPXxLXkuc2U2of+xANLQ0MfP5OxesQ5ypTZJtnSHbOsNZ6wLZdUnOW2OMrEFNiwNR1/SA0ZUtcu7FyKycIqtqjCzLBCctb8iqnOacJczQF6hqsiOq6+8z93WP0+YXHCmZ4NjdUTIqxjmqjZNpjnNGCzD8Ccob2hA11gYm329yqrCDE3IPxyU3mbKXjNs+sm57yCkyCCfXKa1tRFRW1TGdWiYYX6BvZJEXI/OEXqd4ObJCePgDwfgCiaVvVNTWIyrKLMwl54nFBpFlmdhABK1I4VUkhiqbiQ4OkkilMJeXIcpUM4mxCWKhCCWSSjQYRTapRMIDKEoRA9EQick4qlaEKNFUZqcmifYGMZuKed7Xzx1Jpj8cRCk2MRgOMTs+SmlJMULVFF2WJcL9IQKBAIFwD4HIU3pCfkLBAAP9EVRJQ5Kkw/NUTdUVRaVQvsNV5RrXtSsUSLlIpvzD8KaqCyHEP/2E67btctK/AAAAAElFTkSuQmCC); --width: 11px; } .eico.i5 i:before { /* 3DS version */ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAJCAYAAABT2S4KAAAD10lEQVQ4jYWSa0xTZxjHj9vM4pZJ39NKz/uWSOPYFJEQLk5AtrWCEm6aCaXQ0x5gzOkiIhMmAg4LzHA90nKJwUUCkngj2+IUw9wyQmEfliw776kW2JaBIc4GzcqEgNzaZx/EDzNuez7/n+T3/+XPUJZUUcQ5qQL/ThGZpCy5L7PYTVnyq4zINSeLP3QyfggAuKrKyrH30vZCZnqGN1cQfHlCDuRaLGAx8SsH8vPv1lirv7p587oRAF5lGIaZmZlRdXV2Vhw7UkjzhJyFPCEHVn+8VZWVd9xu91ZGVpJCGeHPKMJmJwpIdiIuiSJ8UGLxtzLCPllBFqX1/u2PJUlrNGSOqVklxEXHzLfZ7R3NoljW1NBQc7yk5IvUpOQHwUFvQLxOP9NQV9cGAOrG+noxOmr7yo7IqMXysvJLzaJYZjtz5uSpik/PNjU2fe12u7cyALCGec7JKrKXsmSOIgzUj/t+pq/vTd5oHMMqf0jQ66cHBwdjn2YBYK3D4Yg3m/gxjZqD7RGRyz3d3bbDhz76EStVkJiw+9HQ0FA2AKxdza8BgHUA8BLDMAzj3LgRSSrMSyw+ICvwUZkldhnhMQmRecqSW7fX+ccCAMdnrgLo9NMOh2Pns9Dnz507Fr4t1Ef81ZCf977r6uXLtnidbnZToBbidfrp48XF1y/29HwwMTGh/Udx14aAIIrIN1SBf5ZYPEIRfkARXqGIm5VZ7qr8iioCAPD/AfT396fE7Yhe4pQq2JeSdn9qairsy95eQ/HRolu7d+16FLJ5C7wVEblsyTb90t7aan04OUmeKDQYXpS0WsWoRqN0bdByt5WBwRRpDkos+YMiDJKfWp4srXgnOyt75D8NfH6+6KkBwWQanZubI6vKXxsYGNDV19a27ktNvafVBEBkWPjK6erqG8xvQUEvP28HroAAliIy/GQD6tlxg8liNJpc/7aB4eFhvcCbRzRqDsK3hfpa7HYRABQA8MIzloR3Y3cuqFklZBsyFxmKcI+sxGdlBSmUEcmSWS7DqSQFFHE3ZIQXKYsfS+v9u/7s6grJMhhH1awS4mJi5tvsrR3NolgmNjZWl5aU9KYlJU9t3vQ6vB0Tu1BltV7weDyh7W1tvSdPnOhuFsVTrTbbxy22lk+KCo70h2wJ9kWFhS/XWK19DGVJJ0XcHcqSe5KCPKQKMk0R9xdF+K6MyDXKkryfGOQHAFx5aenInvgEb0pi4pIxPcNrzMjwGfan+wz700HgzZ6K8vLvrly5dMjj8fgBgLK+tu6HHLPFK/A8CLx5JdcieAWeXyo8XODq6Og4PT4+Hvg3tXbwvaiwAi8AAAAASUVORK5CYII=); --width: 32px; } /********* [[Template:Etext]] *********/ .etxt { white-space: nowrap; } .etxt .eico { margin-left: calc(var(--base-gap) + 1px); margin-right: calc(var(--base-gap) + 1px); } .etxt .eico.s { margin-left: calc(var(--base-gap) * var(--small-scale) + 1px); margin-right: calc(var(--base-gap) * var(--small-scale) + 1px); } .etxt .eico:first-child { margin-left: auto; } .etxt .eico:last-child { margin-right: auto; } /********* [[Template:Exclusive icon link]] *********/ .eil { white-space: nowrap; } .eil > span:first-child { display: inline-block; /* gracefully wrap */ } .eil .eico { margin-left: 2px; } /********* [[Template:Hardmode]] *********/ abbr.hardmode > span.sep { padding: 0 0.3em; color: var(--theme-text-color-note); } /********* [[Template:Msgbox]] *********/ .message-box { margin: 1px auto var(--layout-gap); width: fit-content; background: var(--theme-box-background); border-radius: var(--theme-box-border-radius); overflow: hidden; display: grid; border: 1px solid var(--theme-box-border-color); grid-template-columns: 0fr 0fr 1fr; align-items: center; } .message-box::before { content: ""; display: block; pointer-events: none; width: 6px; height: 100%; /* darken a little */ background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--message-box-highlight-color, var(--theme-box-border-color)); } .message-box > div { grid-column: 3/4; padding: 6px 12px; } .message-box > .icon { padding: 6px 0 6px 12px; grid-column: 2/3; white-space: nowrap; } .message-box.msgbox-color-blue { --message-box-highlight-color: var(--theme-notice-blue-border-color); } .message-box.msgbox-color-red { --message-box-highlight-color: var(--theme-notice-red-border-color); } .message-box.msgbox-color-purple { --message-box-highlight-color: var(--theme-notice-purple-border-color); } .message-box.msgbox-color-yellow { --message-box-highlight-color: var(--theme-notice-yellow-border-color); } .message-box.msgbox-color-green { --message-box-highlight-color: var(--theme-notice-green-border-color); } .message-box.msgbox-color-orange { --message-box-highlight-color: var(--theme-notice-orange-border-color); } .message-box.msgbox-color-pink { --message-box-highlight-color: var(--theme-notice-pink-border-color); } /********* [[Template:Item]] *********/ .i { white-space: nowrap; display: inline-block; } .i .note2, .i .id { display: block; } .i > a.new { /* CSS trick for non-existent item images: a orange "?" image */ display: inline-block; width: 16px; height: 24px; text-indent: -9999px; direction: ltr; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNv1OCegAAAB3SURBVDhP5ZDdCoAgFIPPI/aY3fSMRrBJTOcRkW76YKDuhyiU64gyEmKeXuktxFoYKOdYdmh5QIu8OzVDznCaHsAHVmzOGoLN8aBCr8L3/QMZDFLfDWhhukiWB7TIO4WYh8HtA7Bztg2oYOf0yo9g57Dwm38QcQN+/9SIQx7WTAAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center center; } .i > img, .i > span.img, .i > a { /* item image block */ display: inline-block; line-height: 0; vertical-align: middle; } .i > img + span, .i > span.img + span, .i > a + span { /* "main" text block after item image */ margin-left: 2px; } .i > img, .i > span.img img, .i > a img { /* item image */ margin: 1px; } .i > span { display: inline-block; text-align: left; } .i > span + span { /* "bignote" after text block */ margin-left: 3px; } .i.multi-line > span, .i.-w > span, .i.break > span { line-height: 18px; vertical-align: middle; } .i.break > span { white-space: normal; } .i .note { color: var(--theme-text-color-note); font-size: var(--font-size-s); } .i > span:first-of-type > .eico { font-size: var(--font-size-xs); vertical-align: middle; } .i > span:first-of-type > .note2 { /*note2*/ font-size: 100%; line-height: 1; } .i > span:first-of-type > .eico, .i > span:first-of-type > span.note { margin-left: 3px; } .i.-w > span:first-of-type > .eico:last-child, .i.-w > span:first-of-type > span.note:last-child, .i.-w > span.img + span > .eico:last-child, .i.-w > span.img + span > span.note:last-child { display: block; margin-left: 1px; /* visually left align */ } .i.-w > span:first-of-type > span.note:last-child, .i.-w > span.img + span > span.note:last-child { line-height: 1; } .i .id { font-size: var(--font-size-xs); background-color: var(--theme-highlight-background); font-weight: bold; margin-top: 1px; padding: 0 2px; } .i.boldname > span:first-of-type span:first-child { font-weight: bold; } .i.notecolor span.note { color: inherit; } .i.note2color .note2 { color: inherit; } .i.block, .i.block > span:first-child, .i.allblock, .i.allblock > * { display: block; } .i.allblock > * { text-align: inherit; } .i.notesize span.note { font-size: 100%; } .i.note2size span .note2 { font-size: var(--font-size-s); } .i.alignleft { text-align: left; } .i.aligncenter { text-align: center; } .i.alignright { text-align: right; } .i.textleft > span { text-align: left; } .i.textcenter > span { text-align: center; } .i.textright > span { text-align: right; } .i.flip > a:first-child img, .i.flip > img:first-child { transform: scaleY(-1); } .i.mirror > a:first-child img, .i.mirror > img:first-child { transform: scaleX(-1); } .i.rotate90 > a:first-child img, .i.rotate90 > img:first-child { transform: rotate(90deg); } .i.rotate180 > a:first-child img, .i.rotate180 > img:first-child { transform: rotate(180deg); } .i.rotate270 > a:first-child img, .i.rotate270 > img:first-child { transform: rotate(270deg); } td.il1c .i { display: block; text-align: center; } td.il1c .i.alignleft { text-align: left; } td.il1c .i.alignright { text-align: right; } td.il2c .i { display: block; text-align: left; } table.item-noborder td.il1c { border-right: 0 !important; padding-right: 1px; } table.item-noborder td.il2c { border-left: 0 !important; padding-left: 1px; } /********* [[Template:Reflist]] *********/ /* based on https://en.wikipedia.org/wiki/Template:Reflist/styles.css */ .reflist { font-size: 90%; /* Default font-size */ margin-bottom: 0.5em; list-style-type: decimal; } .reflist .references { font-size: 100%; /* Reset font-size when nested in div.reflist */ margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } /* Reset top margin for lists embedded in columns */ .reflist-columns { margin-top: 0.3em; } .reflist-columns ol { margin-top: 0; } /* Avoid elements breaking between columns */ .reflist-columns li { page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ break-inside: avoid-column; } .reflist-upper-alpha { list-style-type: upper-alpha; } .reflist-upper-roman { list-style-type: upper-roman; } .reflist-lower-alpha { list-style-type: lower-alpha; } .reflist-lower-greek { list-style-type: lower-greek; } .reflist-lower-roman { list-style-type: lower-roman; } /********* [[Template:Translation projects]] *********/ #indic-project.collapsed .text-wrapper { display: none; } #indic-project.expanded { border: 1px solid var(--theme-box-border-color); border-radius: 0.2em; padding: 0.5em; background: var(--theme-box-background); } #indic-project.expanded #indic-project-flag { margin-left: 1em; } .client-js #indic-project-flag { /* the cursor should not be pointer if JavaScript is disabled (because * the flag can't be clicked in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ cursor: pointer; } #indic-project-flag > img { border: 1px solid var(--theme-box-border-color-light); /* border around the flag to improve visibility */ } /********* [[Template:Yes]], [[Template:No]] *********/ .t-yes, .t-no { width: 20px; height: 20px; display: inline-block; color: transparent; background-size: contain; } .t-yes { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABKVBMVEX///8POg9bzFsSqBIPhg8POg8POg8POg8POg8eVx4POg8POg8dVR0POg8cVBwPOg8POg8cVBwVRhUPOg8POg8cUhwWSBYPOg8POg8bUBsYTBgPOg8POg8aTxoZTRkPOg8WSBYXShcPOg8POg9WwlY1hDVVwFU6vDpRx1EyfTIyuDISqBI7vDtLrUtTvlMvti8SohI2tzZNsU0stSwRmhEnpCdRvVEosygQlxAopChOsk5Ptk89kz1RvFEmsiYQlhAppClRuVFAv0BMxEwYSxhPuk8jsCMRlBErpitOtE4pbClZy1kgryAVqRVDwENWyVYhsCERkxEspywveC9Ow04UkhQRnhEZpxkQkBAuqS4udi5QxFASjhIPhg8tdC1SxlI2sDYtcy3///96G+hpAAAAJHRSTlMAAAAAADaZZjPzeDDwYPCHLe3eGyrt25Z17d+QJ+rfGNjZFU4CAy6JAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+QIExEnKMFJk1wAAAABb3JOVAHPoneaAAAAxElEQVQY02NgIAEwIgFWNnZGRpAgEwJwcKqockEEmWGAm0dNXUOTF0WQm09NS1tHlx8iyAIGAoJ6+gaGRkLCSIIionrGJqZGYsIQM4XFJYBikmbmFpZWYsJMYEFhKWsbaRlZWzt7B6AYM0RQztHJ2cbF1c3dw1NMngUq6OXt4+vnHxAYBBKDCXIFh4SGhUdEeioAxWCCTFxR0TGxkZ6KIDG4IDNXXHyCtaISC7IgExNXIlAMFgCMsFBSZldCBBUpQYwNAADsdBhCcqhwpwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wOC0xOVQxNzozOTo0MCswMDowMF4hGvUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDgtMTlUMTc6Mzk6NDArMDA6MDAvfKJJAAAAIHRFWHRzb2Z0d2FyZQBodHRwczovL2ltYWdlbWFnaWNrLm9yZ7zPHZ0AAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADIw3+GomQAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAyMCdOaBQAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTU5Nzg1ODc4MM3733wAAAAOdEVYdFRodW1iOjpTaXplADBCyW8Y7QAAADZ0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL3RtcC90aHVtYmxyL2ltZzExODc4ODM3MDA5OTYzNjkxNjgz9+auPAAAAABJRU5ErkJggg=="); } .t-no { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABMlBMVEX///9eAAD/YmL+AADGAABeAABeAABeAABeAABeAAByDAxeAAByDAxeAABeAABzDQ1eAABeAABxDAxeAABeAABeAABzDQ1rCAh3Dw9tCQl5ERFuCgpeAABeAAB1Dg5yDAxeAABlBAReAABeAABeAABvCgpzDQ1eAABzDQ1eAABeAACvMjLoVFSiKiqsLy//Vlb/NjbqVVX/Ojr/VVWoLS3kUlL/NDT+AAD+MDDsVlb/MzPbTEzuWFj+Ly//MjKEFxf+Li7hUFD/YmLyWlr+FxfmU1OLHBz+FRX+GRmAFRX+Kyv7AADwERH+LCzyAADoHR3kGhrsAAD1JSXYAADhFxeGGBjgFhbTAADwJibsIyPHAADiGBjGAADmICD4SkroICDoHx/4Tk6uMDCmLCyeJyf///8Bf9RuAAAAK3RSTlMAAAAAAFRmG05+4R7fdWDfV4fkPIQk5+Do4+jnIUXn2RWKP3hp4eVR4nKZPdb+ugAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQflAhEQMQDCQ+fJAAAA7klEQVQY02NgIAUwMrKysTOCADsbByMjRJCJU1uHi5uJiYmdR0eXFyrIp6dvABRlZuc3NDI2EYAICpqamVvoCAnzW1qZW1mLQARFxWxsze107C3tzB0cxdmhZopK2FiYmznZmtuaSnLDLGISlXK2Mncxt3WVlmGCCzLLujm5m3s4ecoyIwRlxAy9vH287XSE2OGCQDFfP3+ngEArHR52qKCMnGVQcIhOqE1YeISOvAJEUNEmMirAlUtJzjI6JlZHGSKooh0Xb6rKziKjZpmQmKQONVMkGSgG9Du3hk6KJiMslFS0IKHErcUGCyUKAAAKiSBmgCLl9AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xN1QxNjo0OTowMCswMDowMGR5URYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTdUMTY6NDk6MDArMDA6MDAVJOmqAAAAIHRFWHRzb2Z0d2FyZQBodHRwczovL2ltYWdlbWFnaWNrLm9yZ7zPHZ0AAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADIw3+GomQAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAyMCdOaBQAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTYxMzU4MDU0MP1XuP0AAAAQdEVYdFRodW1iOjpTaXplADgxN0Iis7AJAAAANXRFWHRUaHVtYjo6VVJJAGZpbGU6Ly8vdG1wL3RodW1ibHIvaW1nNzI4Nzk1MDY5NDMyNjgxODQ2NAFjgaMAAAAASUVORK5CYII="); } /********* [[Template:Expert]], [[Template:Master]], [[Template:Journey]] *********/ abbr.mode-exclusive { text-decoration: none; } .mode-exclusive { font-weight: bold; } .mode-exclusive[title] { cursor: pointer; } .mode-exclusive > span.postfix { display: none; } .mode-exclusive > span.sep { padding: 0 0.3em; color: var(--theme-text-color-note); } .money .mode-exclusive > span.sep { padding: 0 0.5em; } .expert { color: var(--custom-template-expert-color); } .master { color: var(--custom-template-master-color); } .journey { color: var(--custom-template-journey-color); } /********* [[Template:Use time]], [[Template:Knockback]] *********/ .usetime, .knockback { font-size: 10.5px; font-weight: bold; } /********* [[Template:Hatnote]] *********/ /* * "Hatnote"-style templates: * [[Template:About]] * [[Template:Dablink]] * [[Template:Distinguish]] * [[Template:Forlist]] * [[Template:Main]] * [[Template:Redirect]] * [[Template:See_also]] */ .hat-note { margin: 8px auto 8px 24px; font-style: italic; } .hat-note i { /* italics inside the italicized hatnote: revert to normal */ font-style: initial; } .hat-note.no-indent { margin-left: auto; } /********* [[Template:Float file box]] *********/ .floatfilebox { /* infobox-like styling */ border: 1px solid var(--theme-box-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; text-align: center; width: 150px; margin: 0.5em 1em 0.5em 0; } .floatfilebox.float-right { float: right; margin-right: 0; margin-left: 1em; } .floatfilebox.float-left { float: left; } .floatfilebox.float-none { float: none; } .floatfilebox > div { /* row elements */ padding: 3px 4px; } .floatfilebox > div.title { /* "title" row elements */ background-color: var(--theme-highlight-background); font-weight: bold; margin-bottom: 0.5em; padding-top: 5px; padding-bottom: 5px; } .floatfilebox > div.title:not(:first-child) { /* space above "title" rows, but not if the "title" row is the very first row */ margin-top: 0.5em; } .floatfilebox > .floatfilebox-even + div { /* little bit of space after every 2 rows */ margin-top: 0.5em; } /********* [[Template:Info request]] *********/ .terraria.info-request { width: 80%; margin: auto auto 7px; } .terraria.info-request .info-request-pretext { font-size: 90%; line-height: 18px; } .terraria.info-request .info-request-main { font-weight: bold; padding: 2px 10px 5px 10px; background: var(--theme-box-background); border: 1px solid var(--theme-border-color); border-radius: 0.2em; } .terraria.info-request .info-request-posttext { font-size: 90%; padding-bottom: 0; margin-bottom: 0; } /********* [[Template:Shortcut]] *********/ .shortcutbox { /* infobox-like styling */ border: 1px solid var(--theme-box-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; text-align: center; margin: 0 0 0.5em 1em; float: right; clear: right; } .shortcutbox > div { padding: 2px 3px; } .shortcutbox > div.title { background-color: var(--theme-highlight-background); font-weight: bold; padding-top: 3px; padding-bottom: 3px; } /********* [[Template:Animation]] *********/ @keyframes spr-ani { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .spr-ani { display: inline-block; overflow: hidden; vertical-align: middle; } .spr-ani img { image-rendering: pixelated; animation: calc(var(--frames) * var(--interval, 1) * 1s / 60) steps(var(--frames)) infinite spr-ani; width: 100%; height: auto; } .spr-ani.block { display: block; } /********* [[Template:Space altitude calculator]] *********/ .space-altitude-calculator-fakeinput { display: inline-block; vertical-align: middle; line-height: 1.42857143em; height: 1.2em; padding: 6px 9px; width: 5ch; background-color: var(--ooui--textarea-background-color); border-color: var(--ooui--textarea-border-color); cursor: text; } .space-altitude-calculator-input { max-width: 7ch; margin-right: 1px; } .space-altitude-calculator-input .oo-ui-inputWidget-input { text-align: right; } .space-altitude-calculator-output { display: none; font-style: italic; color: var(--theme-text-color-em); } /*********************************************************************************************************** * CSS that only affects specific content pages ***********************************************************************************************************/ /********* [[Terraria Wiki]] *********/ /* Wiki main page. * The responsive layout relies on [[MediaWiki:Common.js]] to adapt to different skins. */ #box-wikiheader, #box-game, #box-news, #box-items, #box-biomes, #box-mechanics, #box-npcs, #box-bosses, #box-events, #box-software, #box-wiki { border: 1px solid; border-color: var(--theme-widget-border-color); border-radius: 8px; } body.rootpage-Terraria_Wiki.action-view h1.firstHeading, body.rootpage-Terraria_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Terraria_Wiki.action-view #mw-content-text::before { /* Hide page title on main page */ display: none; } body.rootpage-Terraria_Wiki #mw-indicator-translation-project { /* Hide the translation project flag */ display: none; } body.rootpage-Terraria_Wiki #mainpage-wrapper { /* main wrapper min width */ min-width: 300px; } body.rootpage-Terraria_Wiki #mainpage-wrapper .section { margin: 0; } body.rootpage-Terraria_Wiki #mainpage-wrapper .section .infocard { width: auto; margin: 2px; } body.rootpage-Terraria_Wiki .infocard { /* boxes */ min-width: 200px; } body.rootpage-Terraria_Wiki .infocard .outro { padding-top: 2px; } body.rootpage-Terraria_Wiki .infocard.compact { --infocard-main-heading-font-size: 1.5em; } body.rootpage-Terraria_Wiki .infocard.compact .heading { margin-top: 0; } body.rootpage-Terraria_Wiki .mclist { column-gap: 0.5em; } @media (max-width: 360px) { body.rootpage-Terraria_Wiki .mclist { column-gap: 0; } } body.rootpage-Terraria_Wiki .mclist ul { list-style: none; margin: 0; } body.rootpage-Terraria_Wiki #box-wikiheader { /* header box */ background: var(--theme-highlight-background); margin-bottom: 2px; padding: 7px; position: relative; border: 1px solid; border-color: var(--theme-widget-border-color); } body.rootpage-Terraria_Wiki #box-wikiheader > div { background: var(--theme-background); width: 100%; } body.rootpage-Terraria_Wiki #box-wikiheader > div > div { margin: auto; padding: 8px 5px; } body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link { position: absolute; bottom: 7px; left: 50%; line-height: 1; cursor: pointer; font-size: 10px; display: none; width: 16em; margin-left: -8em; text-align: center; } body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link span { display: none; width: 6em; text-align: center; padding: 3px 0; } body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link span:first-child::before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link span:last-child::before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } body.rootpage-Terraria_Wiki #box-wikiheader .main-title { flex: 1 1 404px; text-align: center; position: relative; margin: 3px 0; font-size: 12px; } body.rootpage-Terraria_Wiki #box-wikiheader .main-title > span { font-size: 200%; line-height: 1; margin-bottom: 4px; color: var(--theme-text-color-highlight); } body.rootpage-Terraria_Wiki #box-wikiheader .main-title > span > span { display: inline-block; } body.rootpage-Terraria_Wiki #box-wikiheader .main-title > span + div { margin: auto 0.25em; } body.rootpage-Terraria_Wiki #box-wikiheader .main-title .statistics { margin: 0.5em auto; } body.rootpage-Terraria_Wiki #box-wikiheader .related-info { flex: 1 1 1230px; position: relative; /*background: var(--theme-page-background-color);*/ overflow: hidden; margin: 2px 0; } body.rootpage-Terraria_Wiki #box-wikiheader .related-info .ii { margin: 5px 1em; text-align: center; } body.rootpage-Terraria_Wiki #box-wikiheader .related-info .ii li { margin: 0; } body.rootpage-Terraria_Wiki #latest-version { line-height: 1; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0.5em 0; font-size: 12px; } body.rootpage-Terraria_Wiki #latest-version * { vertical-align: middle; } body.rootpage-Terraria_Wiki #latest-version a:hover { text-decoration: none; } body.rootpage-Terraria_Wiki #latest-version a.external { padding: 0; background: none; color: var(--theme-link-color); } body.rootpage-Terraria_Wiki #latest-version ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 2px; } body.rootpage-Terraria_Wiki #latest-version ul li { display: flex; justify-content: center; align-items: center; margin: auto 4px; } body.rootpage-Terraria_Wiki #latest-version ul li > div { margin: auto auto auto 3px; text-align: left; } body.rootpage-Terraria_Wiki #latest-version ul li > div > * { display: block; } body.rootpage-Terraria_Wiki #latest-version ul li > div.pic > * { display: inline; } body.rootpage-Terraria_Wiki #latest-version ul li > div > span { font-size: 9px; } body.rootpage-Terraria_Wiki #latest-version ul li > div > strong { font-size: 15px; padding: 2px 0; } body.rootpage-Terraria_Wiki #latest-version ul li > div > small { font-size: 9px; color: var(--theme-text-color-note); } body.rootpage-Terraria_Wiki #latest-version ul:first-child li:first-child { margin-left: auto; } body.rootpage-Terraria_Wiki #latest-version ul:last-child li:last-child { margin-right: auto; } body.rootpage-Terraria_Wiki #latest-version div.pic { text-align: center; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version { margin: 0.25em auto 0; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version ul:first-child li:first-child { margin-left: 4px; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version ul:last-child li:last-child { margin-right: 4px; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version ul li { margin: 0.25em 0.5em; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable .main-title > span { display: block; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable .related-info { margin: 0.25em auto 0; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable .related-info .ii { margin: 0.25em 1em; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable > div { padding-bottom: 15px; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #box-wikiheader-toggle-link { display: inline-block; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #box-wikiheader-toggle-link span { display: inline-block; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #box-wikiheader-toggle-link span:first-child { display: none; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed .related-info { display: none !important; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed .main-title .statistics { display: none; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed #box-wikiheader-toggle-link span:first-child { display: inline-block; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed #box-wikiheader-toggle-link span:last-child { display: none; } body.rootpage-Terraria_Wiki #main-section .sep { display: none; width: 100%; height: 0; } body.rootpage-Terraria_Wiki #main-section li { margin-bottom: 1px; } body.rootpage-Terraria_Wiki .box-row-l #main-section #sep-D { display: block; } body.rootpage-Terraria_Wiki .box-row-m #main-section #sep-B, body.rootpage-Terraria_Wiki .box-row-m #main-section #sep-E { display: block; } body.rootpage-Terraria_Wiki .box-row-s #main-section #sep-B, body.rootpage-Terraria_Wiki .box-row-s #main-section #sep-D, body.rootpage-Terraria_Wiki .box-row-s #main-section #sep-F { display: block; } body.rootpage-Terraria_Wiki #box-game { flex: 3 0 960px; } body.rootpage-Terraria_Wiki #box-game .i { line-height: 60px; } body.rootpage-Terraria_Wiki #box-game .intro { margin-right: 1em; } body.rootpage-Terraria_Wiki #box-game .mclist { columns: 5; } body.rootpage-Terraria_Wiki #box-game .mclist li { height: 60px; } body.rootpage-Terraria_Wiki .width-a#box-game { flex: 2 0 640px; } body.rootpage-Terraria_Wiki .width-a#box-game .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-b#box-game { flex: 3 0 840px; } body.rootpage-Terraria_Wiki .width-c#box-game { flex: 19 0 640px; } body.rootpage-Terraria_Wiki .width-c#box-game .mclist { columns: 4; margin: auto; } body.rootpage-Terraria_Wiki .width-d#box-game { flex: 1 1 1000px; } body.rootpage-Terraria_Wiki .width-d#box-game .mclist { columns: 5; } body.rootpage-Terraria_Wiki .width-e#box-game .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-f#box-game .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-g#box-game .mclist { columns: 2; } body.rootpage-Terraria_Wiki #box-news { flex: 1 0 480px; display: flex; flex-direction: column; } body.rootpage-Terraria_Wiki #box-news .main-heading { flex: none; } body.rootpage-Terraria_Wiki #box-news .news ul { margin-top: 0; } body.rootpage-Terraria_Wiki #box-news .outro { flex: 1 0 auto; display: flex; flex-direction: column; } body.rootpage-Terraria_Wiki #box-news .more { display: block; font-style: italic; font-size: 85%; margin-left: 2em; margin-top: 0.5em; flex: 1 0 auto; } body.rootpage-Terraria_Wiki #box-news .links { margin-top: 0.25em; margin-bottom: 0.25em; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around; /*fallback*/ justify-content: space-evenly; } body.rootpage-Terraria_Wiki #box-news .links span { margin: 0.75em 0.25em 0; display: inline-block; } body.rootpage-Terraria_Wiki .width-a#box-news { flex: 1 0 320px; } body.rootpage-Terraria_Wiki .width-b#box-news { flex: 1 0 280px; } body.rootpage-Terraria_Wiki #box-items { flex: 2 0 auto; } body.rootpage-Terraria_Wiki #box-items .i { line-height: 28px; } body.rootpage-Terraria_Wiki #box-items .i > a:first-child { display: inline-block; width: 20px; text-align: center; } body.rootpage-Terraria_Wiki #box-items .mclist { columns: 3; } body.rootpage-Terraria_Wiki #box-items .mclist li { height: 28px; } body.rootpage-Terraria_Wiki .width-a#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-b#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-items .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-d#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-e#box-items { flex: 1 1 320px; } body.rootpage-Terraria_Wiki .width-e#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-items { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-f#box-items .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-g#box-items .mclist { columns: 6; } body.rootpage-Terraria_Wiki .width-h#box-items .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-i#box-items .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-j#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki #box-biomes { flex: 2 0 auto; } body.rootpage-Terraria_Wiki #box-biomes .i { line-height: 28px; } body.rootpage-Terraria_Wiki #box-biomes .i > a:first-child { display: inline-block; width: 22px; text-align: center; } body.rootpage-Terraria_Wiki #box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki #box-biomes .mclist li { height: 28px; } body.rootpage-Terraria_Wiki .width-a#box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-b#box-biomes .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-d#box-biomes .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-e#box-biomes { flex: 1 1 430px; } body.rootpage-Terraria_Wiki .width-e#box-biomes .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-biomes { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-f#box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-g#box-biomes .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-h#box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-i#box-biomes .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-j#box-biomes .mclist { columns: 1; } body.rootpage-Terraria_Wiki #box-mechanics { flex: 2 0 auto; } body.rootpage-Terraria_Wiki #box-mechanics .i { line-height: 28px; } body.rootpage-Terraria_Wiki #box-mechanics .i > a:first-child { display: inline-block; width: 20px; text-align: center; } body.rootpage-Terraria_Wiki #box-mechanics .mclist { columns: 3; } body.rootpage-Terraria_Wiki #box-mechanics .mclist li { height: 28px; } body.rootpage-Terraria_Wiki .width-a#box-mechanics .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-b#box-mechanics .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-mechanics { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-c#box-mechanics .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-d#box-mechanics .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-e#box-mechanics .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-mechanics .mclist { columns: 1; } body.rootpage-Terraria_Wiki #box-npcs { flex: 3 0 720px; } body.rootpage-Terraria_Wiki #box-npcs .i { line-height: 32px; } body.rootpage-Terraria_Wiki #box-npcs .i > a:first-child { display: inline-block; width: 32px; text-align: center; } body.rootpage-Terraria_Wiki #box-npcs .mclist li { height: 32px; } body.rootpage-Terraria_Wiki #box-npcs .prehardmode { padding-right: 40px; flex: 1 0 auto; } body.rootpage-Terraria_Wiki #box-npcs .prehardmode .mclist { columns: 3; } body.rootpage-Terraria_Wiki #box-npcs .hardmode { flex: 1 0 150px; } body.rootpage-Terraria_Wiki .width-a#box-npcs { flex: 2 0 460px; } body.rootpage-Terraria_Wiki .width-a#box-npcs .prehardmode { padding-right: 0; } body.rootpage-Terraria_Wiki .width-a#box-npcs .prehardmode .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-a#box-npcs .hardmode { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-b#box-npcs { flex: 2 0 auto; } body.rootpage-Terraria_Wiki .width-b#box-npcs .prehardmode { padding-right: 20px; } body.rootpage-Terraria_Wiki .width-b#box-npcs .hardmode { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-c#box-npcs { flex: 2 0 auto; } body.rootpage-Terraria_Wiki .width-c#box-npcs .prehardmode { padding-right: 1em; flex: 2 0 auto; } body.rootpage-Terraria_Wiki .width-c#box-npcs .prehardmode .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-npcs .hardmode { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-d#box-npcs { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-d#box-npcs .prehardmode .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-e#box-npcs { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-e#box-npcs .prehardmode { width: 100%; padding-right: 0; } body.rootpage-Terraria_Wiki .width-e#box-npcs .prehardmode .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-e#box-npcs .hardmode { width: 100%; } body.rootpage-Terraria_Wiki .width-e#box-npcs .hardmode .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-f#box-npcs .prehardmode .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-npcs .hardmode .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-g#box-npcs .prehardmode .mclist { columns: 1; } body.rootpage-Terraria_Wiki .width-g#box-npcs .hardmode .mclist { columns: 1; } body.rootpage-Terraria_Wiki #box-bosses { flex: 2 0 360px; } body.rootpage-Terraria_Wiki #box-bosses .i { line-height: 32px; } body.rootpage-Terraria_Wiki #box-bosses .i > a:first-child { display: inline-block; width: 24px; text-align: center; } body.rootpage-Terraria_Wiki #box-bosses .mclist li { height: 32px; } body.rootpage-Terraria_Wiki #box-bosses .content > div { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-a#box-bosses { flex: 2 0 310px; } body.rootpage-Terraria_Wiki .width-b#box-bosses { flex: 3 0 600px; } body.rootpage-Terraria_Wiki .width-b#box-bosses .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-bosses .mclist { columns: 2; column-gap: 0.25em; } body.rootpage-Terraria_Wiki .width-d#box-bosses .mclist { columns: 1; } body.rootpage-Terraria_Wiki .width-e#box-bosses { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-e#box-bosses .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-bosses .prehardmode, body.rootpage-Terraria_Wiki .width-f#box-bosses .hardmode { width: 100%; } body.rootpage-Terraria_Wiki .width-f#box-bosses .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-g#box-bosses .mclist { columns: 2; } body.rootpage-Terraria_Wiki #box-events { flex: 2 0 360px; } body.rootpage-Terraria_Wiki #box-events .i { line-height: 32px; } body.rootpage-Terraria_Wiki #box-events .i > a:first-child { display: inline-block; width: 24px; text-align: center; } body.rootpage-Terraria_Wiki #box-events .mclist li { height: 32px; } body.rootpage-Terraria_Wiki #box-events .content > div { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-a#box-events { flex: 2 0 310px; } body.rootpage-Terraria_Wiki .width-b#box-events .mclist { columns: 2; column-gap: 0.25em; } body.rootpage-Terraria_Wiki .width-c#box-events .mclist { columns: 1; } body.rootpage-Terraria_Wiki .width-d#box-events { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-d#box-events .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-e#box-events .prehardmode, body.rootpage-Terraria_Wiki .width-e#box-events .hardmode { width: 100%; } body.rootpage-Terraria_Wiki .width-e#box-events .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-f#box-events .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-g#box-events .mclist { columns: 2; } body.rootpage-Terraria_Wiki #sect-ext dd { margin-left: 1em; } body.rootpage-Terraria_Wiki #box-software { flex: 1 0 auto; } body.rootpage-Terraria_Wiki #box-wiki { flex: 3 0 auto; } body.rootpage-Terraria_Wiki .width-a#sect-ext .outro { display: flex; } body.rootpage-Terraria_Wiki .width-a#sect-ext .outro dl { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-a#box-software { flex-basis: 220px; } body.rootpage-Terraria_Wiki .width-a#box-software .outro dl { display: inline-block; width: 100%; } body.rootpage-Terraria_Wiki .width-a#box-wiki { flex-basis: 900px; } body.rootpage-Terraria_Wiki .width-a#box-wiki .outro dl { display: inline-block; width: 33.33333333%; } body.rootpage-Terraria_Wiki .width-b#box-wiki { flex-basis: 620px; } body.rootpage-Terraria_Wiki .width-b#box-wiki .outro dl { width: 50%; } body.rootpage-Terraria_Wiki .width-b#box-software { flex-basis: 620px; } body.rootpage-Terraria_Wiki .width-b#box-software .outro dl { width: 50%; } body.rootpage-Terraria_Wiki .width-c#box-software { flex-shrink: 1; } body.rootpage-Terraria_Wiki .width-c#box-software .outro dl { width: 100%; } body.rootpage-Terraria_Wiki .width-c#box-wiki { flex-shrink: 1; } body.rootpage-Terraria_Wiki .width-c#box-wiki .outro dl { width: 100%; } body.rootpage-Terraria_Wiki #mainpage-wrapper .footer { text-align: center; margin: 0.75em 2px 0; } body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div { border: 1px solid var(--theme-box-border-color); -moz-border-radius: 5px; border-radius: 5px; background: var(--theme-highlight-background); padding: 0.5em; max-width: 25em; margin: auto; } body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div a:hover { text-decoration: none; } body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div span { display: inline-block; } /********* [[Hooks]] *********/ #Hooks-Pre-Hardmode-table th, #Hooks-Hardmode-table th { line-height: 18px; } #Hooks-Pre-Hardmode-table td:nth-child(3), #Hooks-Pre-Hardmode-table td:last-child, #Hooks-Hardmode-table td:nth-child(3), #Hooks-Hardmode-table td:last-child { text-align: left; } #Hooks-Pre-Hardmode-table td:nth-child(8), #Hooks-Hardmode-table td:nth-child(8) { text-align: right; } #Hooks-Pre-Hardmode-table td:last-child, #Hooks-Hardmode-table td:last-child { font-size: var(--font-size-s); line-height: var(--line-height-s); } /********* [[Accessories]] and its related pages, [[Light sources]] *********/ .table-accessories tr { height: 3.5em; } .table-accessories td { position: relative; } .table-accessories td sup { position: absolute; right: 0.25em; top: 0.25em; } .table-accessories td:last-child, .table-accessories td:nth-child(4) { text-align: center; } /* for music box accessories */ .table-accessories td:nth-child(3) { text-align: left; } /********* [[Paintings]] *********/ .Paintings-table td:last-child, .Paintings-table td:nth-last-child(2) { text-align: left; } .Paintings-table td:nth-last-child(2) { white-space: nowrap; } #Painter-sell-table td:nth-last-child(2) { white-space: normal; } #Painter-sell-table td:nth-last-child(3) { text-align: left; white-space: nowrap; } #Paintings-chance-list li { line-height: 3em; } #Paintings-chance-list li > span:last-child { display: inline-block; width: 50px; text-align: right; } #Paintings-chance-list .i { display: inline-block; width: 270px; } /********* [[Fishing Poles]] *********/ #fishing-poles-table th { line-height: 1.25; } #fishing-poles-table td:nth-child(3), #fishing-poles-table td:nth-child(8), #fishing-poles-table td:nth-child(9), #fishing-poles-table td:nth-child(10) { text-align: left; font-size: 85%; } /* [[Light sources]] */ #table-portable-light-source td:first-child, #table-portable-light-source td:nth-child(2) { text-align: left; } #table-Furniture td:first-child { text-align: left; } #table-Novelty-lights td:first-child, #table-Novelty-lights td:nth-child(2) { text-align: left; } #table-Light-Pet td:first-child { text-align: left; } #table-buffs td:last-child, #table-buffs td:nth-child(2) { text-align: center; } #table-Furniture2 td:first-child { text-align: left; } #table-Accessories td:last-child { text-align: center; } #table-Blocks td:last-child { text-align: center; } #table-Growable td:nth-child(2), #table-Growable td:last-child { text-align: center; } #table-other td:nth-child(2) { text-align: center; } #table-world-generation td:first-child { text-align: left; } /********* [[Drills]] *********/ #drills-Effectiveness-table td:first-child { text-align: left; } /********* [[Pickaxes]], [[Mining speed]] *********/ #pickaxes-table th { line-height: 1.25; } #pickaxes-table td:first-child, #pickaxes-table td:nth-child(2) { text-align: left; } /********* [[Bunny]] *********/ #bunny-variants { float: right; text-align: center; width: 130px; } #bunny-variants img { margin: 0.5em auto 0.25em; } #bunny-variants .npc-id { background: var(--theme-highlight-background); padding: 2px 0; font-weight: bold; text-align: center; font-size: 10.5px; } /********* [[Help:Creating animated GIFs]] *********/ #table-gif td { vertical-align: top; } /********* [[Terraria Wiki:Projects]] and subpages *********/ .projects-wrapper { border: 1px solid var(--theme-box-border-color); vertical-align: top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 7px; } .projects-header { background: var(--theme-highlight-background); padding: 7px; font-weight: bold; text-align: center; font-size: 140%; } /********* [[Evil biome#Corruption and Crimson counterparts]] *********/ #cc-counterparts td:nth-child(3) { border-left-width: 1px; } /********* [[Guide:Game progression graph]] *********/ #progression-graph { overflow: auto; } #progression-graph .diagram { margin: auto; } #progression-graph .diagram big { display: block; line-height: 1.3; font-size: 130%; } #progression-graph .diagram small { display: block; line-height: 1.3; font-size: 80%; } .game-progression.legend { white-space: nowrap; display: inline-block; color: var(--theme-text-color); border: 2px var(--theme-box-border-color) solid; padding: 2px 0.5em; border-radius: 6px; } .game-progression.box { background-color: rgba(255, 255, 255, 0.15); } .game-progression.biome { border-color: var(--theme-notice-green-border-color); } .game-progression.boss { border-color: var(--theme-notice-red-border-color); } .game-progression.miniboss { border-color: var(--theme-notice-red-border-color); border-style: dotted; } /********* [[Guide:Armor progression]] *********/ .armorg-subh { font-size: 95%; } /********* [[Axes]] *********/ #axes-table td:first-child, #axes-table td:nth-child(2) { text-align: left; } /********* [[Hammers]] *********/ #hammers-table td:first-child, #hammers-table td:nth-child(2) { text-align: left; } #hammers-table th { line-height: 1.25; } /********* [[Health]] *********/ #Preventing-damage-table td:nth-child(2) { text-align: center; } #Preventing-Drowning-table td:nth-child(2) { text-align: center; } #lava-safety-table td:nth-child(2) { text-align: center; } #Healing-table td:nth-child(2), #Healing-table td:nth-child(3) { text-align: center; } #Regeneration-table td:nth-child(2) { text-align: center; max-width: 280px; } #draining-table td:nth-child(2) { text-align: center; } /********* [[Map size]] *********/ #table-mapsizes td:nth-child(2), #table-mapsizes td:nth-child(3), #table-mapsizes td:nth-child(4), #table-mapsizes td:nth-child(5) { text-align: right; } /********* [[NPC spawning]] *********/ #NPC-spawning-table-1 td:first-child { text-align: left; } /********* [[Player stats]] *********/ #Horizontal-movement-table td:first-child { text-align: left; } #Medium-movement-table td:first-child { text-align: left; } /********* [[Pickaxe power]] *********/ #in-game-table td:first-child { text-align: left; padding: 0.5em 0; } /********* [[Template:Item infobox/doc]], [[Template:Npc infobox/doc]] *********/ table.lined .infob-doc-no-border-b td { border-bottom: 0; } table.lined .infob-doc-medium-border-t td { border-top: 2px var(--theme-box-border-color) solid; } /********* [[Potion Sickness]] *********/ #Potion-Sickness-table td:last-child { border-left: 1px var(--theme-box-border-color) solid; text-align: center; } #Potion-Sickness-table td:first-child { border-left: 0; text-align: left; } /********* [[Angler/Quests]] *********/ #angler-quests-table td:first-child { font-style: italic; } /********* [[Whips]] *********/ #whips-table td:nth-child(4) { text-align: left; font-size: 85%; } /********* [[Achievements]] *********/ .trw-toggleable.achievements .trw-togglehandle { text-align: center; } .trw-toggleable.not-toggled.achievements thead, .trw-toggleable.not-toggled.achievements tfoot, .trw-toggleable.not-toggled.achievements td { display: none; } .trw-toggleable.not-toggled.achievements table, .trw-toggleable.not-toggled.achievements tr, .trw-toggleable.not-toggled.achievements td:first-child { display: block; border: 0; } .trw-toggleable.not-toggled.achievements tbody { display: grid; grid-template-columns: repeat(auto-fill, minmax(18em, 1fr)); align-items: center; } .trw-toggleable.not-toggled.achievements .achievement > div > div:last-child, .trw-toggleable.not-toggled.achievements .achievement > div > i { display: none; } /* Achievement text color */ .trw-toggleable.not-toggled.achievements .achievement > div { color: var(--theme-text-color) !important; } .trw-toggleable.not-toggled.achievements .achievement > div { color: transparent; } .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } #ps3wiiu.not-toggled div.achievement:not(:first-child) { display: none !important; } #ps3wiiu.not-toggled div.achievement img[alt=Playstation] { display: none; } #oldmobile.not-toggled .achievement:not(:first-child) > :first-child { display: none; } #oldmobile.not-toggled td { position: relative; min-height: 72px; min-width: 72px; } #oldmobile.not-toggled td:first-child { display: flex; flex-direction: column; justify-content: center; } #oldmobile.not-toggled .achievement { margin-left: 0 !important; } #oldmobile.not-toggled .achievement > :first-child { position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center; } #oldmobile.not-toggled .achievement > div { padding-left: 64px; margin-top: 0; margin-bottom: 0; line-height: 1.1; } @media (max-width: 600px) { .trw-toggleable.not-toggled.achievements .achievement > div { display: none; } .trw-toggleable.not-toggled.achievements tbody { display: block; } .trw-toggleable.not-toggled.achievements tr { display: inline-block; } } /********* [[Drowning]] *********/ .drowning-table-no-border { border: none; } .drowning-table-no-border td { border-bottom: 0 !important; } /********* [[Trees/Shaking]] (transcluded on [[Trees]]) *********/ #treeshaking-table ul { list-style: none; margin-left: 0; } #treeshaking-table td { white-space: nowrap; text-align: center; } #treeshaking-table td:first-child { text-align: left; } /********* [[Terraria Wiki:Admin noticeboard/header]], [[Terraria Wiki:Community noticeboard/header]] *********/ .noticeboardheader-wrapper { margin-bottom: 0.75em; } .noticeboardheader-header { text-align: center; font-size: 140%; background: var(--theme-highlight-background); padding: 4px; } .noticeboardheader-forumsnotice { margin-top: 0.5em; padding: 5px; text-align: center; border: 2px solid var(--theme-notice-red-border-color); border-radius: 0.7em; background-color: var(--theme-notice-red-background-color); } .noticeboardheader-adminslist { z-index: 500; float: right; margin: 10px 0 10px 10px; } .noticeboardheader-intro { padding: 10px; } .noticeboardheader-admin-part1 { border-top: 1px solid var(--theme-border-color); padding: 10px; overflow: hidden; } .noticeboardheader-admin-part2 { border-top: 1px solid var(--theme-border-color); padding: 10px 10px 3px 10px; overflow: hidden; } .noticeboardheader-admin-part3 { border: 1px solid var(--theme-notice-purple-border-color); border-radius: 10px; padding: 5px 10px 10px 10px; overflow: hidden; } .noticeboardheader-community-part1 { border-top: 1px solid var(--theme-border-color); font-size: 90%; padding: 10px; } .noticeboardheader-community-part2 { border: 1px solid var(--theme-notice-purple-border-color); border-radius: 10px; font-size: 90%; padding: 10px; } /********* [[Terraria Wiki:Style guide/Disambiguation]] *********/ .disambigexample.terraria { overflow: unset; margin: 1.5em 0 1em; } .disambigexample > span { position: absolute; margin-top: calc(-8px - 1.2em); margin-left: -3px; padding-right: 3px; padding-left: 3px; background-color: var(--theme-background); font-size: 80%; } /********* [[Guide:Class setups]] *********/ /* overriding the margin-top from the standard .infocard styling; * we use flexbox's gap on the page instead */ .infocard.guide-class-setups + .infocard.guide-class-setups { margin-top: unset; } /********* [[Moon phase]], [[Legacy:Moon phase]] *********/ table.moon-phase-table td { /* (selector needs to be this specific to override a "table.terraria td" rule */ border: 1px solid var(--theme-box-border-color-light); } table.moon-phase-table td.blankcell { background-color: var(--oouihelper--themerelated-disabled-transparent); } table.moon-phase-table tr.borderbottom td, table.moon-phase-table tr td.borderbottom { border-bottom: 2px solid var(--theme-box-border-color); } /*********************************************************************************************************** * theming. ***********************************************************************************************************/ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, theme vars, etc. ***********************************************************************************************************/ /*** vars, for theming ***/ :root { --theme-page-background-color--secondary: rgba(255,255,255,0.2); /* the following "--custom-notice-" vars are deprecated, please use the "--theme-notice-" vars directly instead */ --custom-notice-blue-background-color: var(--theme-notice-blue-background-color); --custom-notice-blue-border-color: var(--theme-notice-blue-border-color); --custom-notice-red-background-color: var(--theme-notice-red-background-color); --custom-notice-red-border-color: var(--theme-notice-red-border-color); --custom-notice-purple-background-color: var(--theme-notice-purple-background-color); --custom-notice-purple-border-color: var(--theme-notice-purple-border-color); --custom-notice-green-background-color: var(--theme-notice-green-background-color); --custom-notice-green-border-color: var(--theme-notice-green-border-color); --custom-notice-yellow-background-color: var(--theme-notice-yellow-background-color); --custom-notice-yellow-border-color: var(--theme-notice-yellow-border-color); --custom-notice-orange-background-color: var(--theme-notice-orange-background-color); --custom-notice-orange-border-color: var(--theme-notice-orange-border-color); --custom-notice-pink-background-color: var(--theme-notice-pink-background-color); --custom-notice-pink-border-color: var(--theme-notice-pink-border-color); --custom-template-expert-color: #ffb556; --custom-template-master-color: #ff5656; --custom-template-journey-color: #ff69c4; --custom-modetabs-expert-background-color: #ffeece; --custom-modetabs-expert-border-color: #ffca67; --custom-modetabs-expert-label-color: #eae3d1; --custom-modetabs-master-background-color: #ffe9e9; --custom-modetabs-master-border-color: #ffbaba; --custom-modetabs-master-label-color: #eae3d1; /*************************************************************************/ /* temp */ --theme-page-background-color: rgba(255,255,255,0.03); } /**** Theme vars START ***********************************************************/ /*** base default theme (Overworld/dark) ***/ :root { /* common */ --theme-highlight-background: rgba(20,20,20, 0.25); /******* "real" wiki content ********/ /* modetabs */ --theme-modetabs-classic-background: var(--theme-box-background); --theme-modetabs-classic-border-color: var(--theme-border-color); --theme-modetabs-classic-text-color: var(--theme-text-color-highlight); --theme-modetabs-classic-text-color-label: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-background: #a1743a80; --theme-modetabs-expert-border-color: #ffca67; --theme-modetabs-expert-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-text-color-label: #dab2fa; --theme-modetabs-master-background: #a9545467; --theme-modetabs-master-border-color: #ffbaba; --theme-modetabs-master-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-master-text-color-label: #ff6c60; } :root { /* floating scroll for wide table */ --theme-wide-table-shadow-color: #999; /* background & logo */ --theme-site-background: #b8bad0 url(https://terraria.wiki.gg/images/0/0e/Site-background-overworld.jpg) center top / cover no-repeat fixed; --theme-site-logo-image: url(https://terraria.wiki.gg/images/9/99/Site-logo-overworld.png); --theme-site-logo-width: 421px; --theme-site-logo-height: 140px; --theme-site-logo-filter: none; /* content background */ --theme-background: #5a433a; /* background for accent block */ --theme-background-accent: rgba(20,20,20,0.5); /* the "grass" */ --theme-top-background: url(https://terraria.wiki.gg/images/e/ef/Grass-top-overworld.png) top left repeat-x; /* the "grass" */ --theme-top-background-height: 13px; /* height of the image above. */ --theme-top-background-offset: -6px; /* top */ /* text color */ /* main text color */ --theme-text-color: #eae3d1; --theme-text-color--rgb: 234, 227, 209; --theme-text-color-note: #b5bdb2; /* subdued, "note"-style text color */ --theme-text-color-em: #c4ebd0; /* more prominent text color for emphasis */ --theme-text-color-highlight: #fff; --theme-text-color-control: #000; --theme-text-color-placeholder: rgba(234,227,209,0.4); --theme-heading-color: var(--theme-text-color); --theme-text-color-green: #00d400; --theme-text-color-orange: #ffa500; --theme-text-color-red: #fe9b9b; /* color behind text (normal and "note") to highlight it */ --theme-text-background-color-highlight: #645130; /* link text color */ --theme-link-color: #9fecf0; --theme-link-color--rgb: 159, 236, 240; --theme-link-color-hover: #86dcdf; --theme-link-color-visited: #86dcdf; --theme-link-color-redlink: #f66; --theme-link-color-accent: var(--theme-text-color-em); /* icon color */ --theme-icon-color: var(--theme-text-color); --theme-icon-color-link: var(--theme-link-color); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-icon-color-redlink: var(--theme-link-color-redlink); /* icon color of the toggle for collapsible elements */ --theme-collapsible-toggle-icon-color: var(--theme-text-color-note); --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover); /* hover mask */ --theme-highlight-background: rgba(20,20,20,0.25); /* "box" style for interface */ --theme-widget-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); --theme-widget-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-widget-border-radius: 6px; --theme-widget-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.jpg); /* "box" style for content */ --theme-box-border-color: #000; --theme-box-border-color--rgb: 0, 0, 0; --theme-box-border-color-light: rgba(255, 255, 255, 0.1); --theme-box-border-color-inner: var(--theme-box-border-color); --theme-box-background: rgba(20,20,20,0.12); --theme-box-border-radius: 5px; --theme-box-border-radius-inner: 8px; --theme-box-inset-shadow: inset 0 0 4px 1px rgba(255,255,255, 0.08); --theme-border-color: var(--theme-box-border-color); /* inner, separate border line */ --theme-border-color--rgb: var(--theme-box-border-color--rgb); /* inner, separate border line */ --theme-border-color-accent: #999; /* "horizontal rule" */ --theme-hr-color-top: rgb(20,20,20); --theme-hr-color-bottom: rgba(255,255,255, 0.1); /* dropdown menu body */ --theme-dropdown-border-width: 1px; /* single value */ --theme-dropdown-border-style: solid; --theme-dropdown-border-radius: var(--theme-widget-border-radius); --theme-dropdown-border-color: var(--theme-widget-border-color); --theme-dropdown-background: #60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.jpg); --theme-dropdown-shadow: 0px 0 5px 0px rgba(10,10,10, 0.3); /* border and background colors for various "notices", e.g. boxes like [[Template:Msgbox]] */ --theme-notice-blue-background-color: hsla(200, 80%, 90%, 20%); --theme-notice-blue-border-color: hsl(200, 60%, 72%); --theme-notice-red-text-color: hsl(0, 100%, 70%); --theme-notice-red-background-color: hsla(0, 80%, 90%, 20%); --theme-notice-red-border-color: hsl(0, 60%, 72%); --theme-notice-purple-background-color: hsla(228, 80%, 90%, 20%); --theme-notice-purple-border-color: hsl(243, 60%, 72%); --theme-notice-green-background-color: hsla(84, 80%, 90%, 20%); --theme-notice-green-border-color: hsl(84, 60%, 72%); --theme-notice-yellow-background-color: hsla(58, 80%, 90%, 20%); --theme-notice-yellow-border-color: hsl(58, 60%, 72%); --theme-notice-orange-text-color: hsl(28, 100%, 70%); --theme-notice-orange-background-color: hsla(28, 80%, 90%, 20%); --theme-notice-orange-border-color: hsl(28, 60%, 72%); --theme-notice-pink-background-color: hsla(324, 80%, 90%, 20%); --theme-notice-pink-border-color: hsl(324, 60%, 72%); } /* sidebar */ #mw-panel { --theme-background: #593e35 url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg); /* when under 1366px */ --theme-section-background: var(--theme-widget-background); --theme-heading-background: rgba(20,20,20, 0.15); --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); } /* navbar */ #mw-head { --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); --theme-icon-color-link: var(--theme-link-color-accent); --theme-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg); --theme-background-shadow: linear-gradient(to top, rgba(10,10,10,0.25), transparent 30%); --theme-border-bottom-color: rgba(255,255,255, 0.1); --theme-tab-background-selected: #5a433a; /* same as #content background */ --theme-tab-background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4)), #5a433a; --theme-tab-border-color-selected: rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3) rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15); --theme-tab-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-legacy-search-border-color: rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2); --theme-legacy-search-border-color-active: rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15) rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3); } #footer { --theme-background: linear-gradient(rgba(20,20,20, 0.3), rgba(20,20,20, 0.3)), #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg) center top / auto 100%; --theme-inner-shadow: inset var(--theme-widget-shadow); } /* catlinks */ .catlinks { --theme-background: rgba(10, 10, 10, 0.3); --theme-border-color: rgba(13,4,2,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.1) rgba(13,4,2,0.5); } /********* OOUI theming *********/ :root { /* These helper variables are defined for reuse in the variable definitions below */ --oouihelper--red: #b32424; --oouihelper--red-darker: #551111; --oouihelper--red-lighter: #f04848; --oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6); /* #f0484899 */ --oouihelper--red-lightest: #ff5959; --oouihelper--yellow: #ac6600; --oouihelper--yellow-darker: #4d2e00; --oouihelper--yellow-lighter: #ffcc33; --oouihelper--green: #006633; --oouihelper--green-darker: #00331a; --oouihelper--green-lighter: #00e673; --oouihelper--progressive: #9fecf0; --oouihelper--progressive-transparent: rgba(159, 236, 240, 0.6); /* #9fecf099; */ --oouihelper--progressive-lighter: #a7eef1; --oouihelper--disabled: #b3b3b3; --oouihelper--disabled-lighter-transparent: rgba(196, 196, 196, 0.5); --oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.5); --oouihelper--borderdark: #000; --oouihelper--borderdark-lighter: #0e0c0c; --oouihelper--borderdark-hover: #72777d; --oouihelper--borderdark-focus: var(--oouihelper--progressive); --oouihelper--textinput-background: rgba(20, 20, 20, 0.65); --oouihelper--textinput-background-lighter: rgba(30, 30, 30, 0.65); --oouihelper--textinput-background-darker: rgba(20, 20, 20, 0.8); --oouihelper--placeholdertext: rgba(234, 227, 209, 0.4); --oouihelper--themerelated: #a58350; --oouihelper--themerelated-lighter: #cdab78; --oouihelper--themerelated-lighter-transparent: rgba(171, 120, 84, 0.6); --oouihelper--themerelated-lightest: #e6dbcb; --oouihelper--themerelated-darker: #785f3a; --oouihelper--themerelated-darkest: #342919; --oouihelper--themerelated-disabled: rgba(230, 219, 203, 0.25); --oouihelper--themerelated-disabled-transparent: rgba(230, 219, 203, 0.05); --oouihelper--themerelated-disabled-lighter: rgba(238, 231, 221, 0.25); --oouihelper--text-background: #2c2421; /* ---------------------------------------------- */ /* Actual OOUI variables, grouped by element type */ /* misc */ --ooui--inlinehelp-color: var(--theme-text-color-note); --ooui--disabled-color: var(--oouihelper--disabled); /* all buttons */ --ooui--button-background--hover: #7b573d url(https://terraria.wiki.gg/images/d/d4/Button-background-overworld.jpg) center center / cover repeat-x; --ooui--button-background: linear-gradient(rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)), var(--ooui--button-background--hover); --ooui--button-box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px; --ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; /* "normal" button */ --ooui--button-border-top: 1px solid rgba(151, 107, 69, 0.7); --ooui--button-border-right: 1px solid rgba(86, 47, 33, 0.7); --ooui--button-border-bottom: var(--ooui--button-border-right); --ooui--button-border-left: var(--ooui--button-border-top); --ooui--button-border-top--hover: 1px solid rgb(151, 107, 69); --ooui--button-border-right--hover: 1px solid rgb(86, 47, 33); --ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover); --ooui--button-border-left--hover: var(--ooui--button-border-top--hover); --ooui--button-color: var(--theme-text-color); --ooui--button-color--hover: var(--theme-text-color-highlight); /* "progressive" button */ --ooui--button-progressive-color: var(--oouihelper--progressive); --ooui--button-progressive-color--hover: var(--oouihelper--progressive-lighter); --ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px; --ooui--button-progressive-primary-border-color: var(--oouihelper--progressive); --ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter); /* "destructive" button */ --ooui--button-destructive-color: var(--oouihelper--red-lighter); --ooui--button-destructive-color--hover: var(--oouihelper--red-lightest); --ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px; --ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter); --ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest); /* disabled button */ --ooui--button-disabled-color: var(--oouihelper--disabled); --ooui--button-disabled-background: linear-gradient(var(--oouihelper--disabled-darker-transparent), var(--oouihelper--disabled-darker-transparent)), var(--ooui--button-background--hover); --ooui--button-disabled-border-top: 1px solid rgba(126, 109, 93, 0.7); --ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7); --ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right); --ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top); /* frameless button */ --ooui--button-frameless-on-color: var(--theme-text-color-highlight); /* textarea */ --ooui--textarea-background-color: var(--oouihelper--textinput-background); --ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext); --ooui--textarea-border-color: var(--oouihelper--borderdark); --ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter); --ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker); --ooui--textarea-disabled-color: var(--oouihelper--disabled); --ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent); --ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9); --ooui--textarea-pending-background-color-2: #000; /* checkbox */ --ooui--checkbox-border-color: var(--oouihelper--themerelated); --ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23a58350%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23cdab78%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon); /* radiobutton */ --ooui--radiobutton-border-color: var(--oouihelper--themerelated); --ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled); /* toggleswitch */ --ooui--toggleswitch-border-color: var(--oouihelper--themerelated); --ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker); --ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest); --ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter); /* dropdown */ --ooui--dropdown-background-color: var(--oouihelper--textinput-background); --ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter); --ooui--dropdown-border-color: var(--oouihelper--borderdark); --ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--dropdown-disabled-color: var(--oouihelper--disabled); --ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent); /* selectfile */ --ooui--selectfile-border-color: #72777d; --ooui--selectfile-background-color: var(--oouihelper--textinput-background); --ooui--selectfile-candrop-background-color: #514743; /* tag item */ --ooui--tagitem-background-color: rgba(20, 20, 20, 0.75); --ooui--tagitem-border-color: var(--oouihelper--borderdark); --ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest); --ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter); --ooui--tagitem-color--hover: #efeadc; --ooui--tagitem-disabled-color: var(--oouihelper--disabled); --ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.5); /* multioption */ --ooui--multioption-disabled-color: var(--oouihelper--disabled); /* progressbar */ --ooui--progressbar-border-color: var(--oouihelper--themerelated); --ooui--progressbar-bar-background-color: var(--oouihelper--themerelated); --ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled); --ooui--progressbar-pending-background-color-1: #7a6a52; --ooui--progressbar-pending-background-color-2: #4d4233; /* messagewidget */ --ooui--messagewidget-notice-background-color: #4e3a32; --ooui--messagewidget-notice-border-color: #2f231e; --ooui--messagewidget-error-background-color: var(--oouihelper--red); --ooui--messagewidget-error-border-color: var(--oouihelper--red-darker); --ooui--messagewidget-error-color: var(--oouihelper--red-lighter); --ooui--messagewidget-warning-background-color: var(--oouihelper--yellow); --ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker); --ooui--messagewidget-success-background-color: var(--oouihelper--green); --ooui--messagewidget-success-border-color: var(--oouihelper--green-darker); --ooui--messagewidget-success-color: var(--oouihelper--green-lighter); /* menuselectwidget */ --ooui--menuselect-background-color: var(--oouihelper--text-background); --ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--menuselect-border-color: var(--oouihelper--borderdark); --ooui--menusectionoption-color: var(--oouihelper--placeholdertext); /* tabselectwidget */ --ooui--tabselect-background-color: var(--oouihelper--text-background); --ooui--tabselect-selected-background-color: var(--theme-background); --ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter); --ooui--tabselect-frameless-selected-color: var(--theme-link-color); --ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color); --ooui--tabselect-frameless-highlighted-color: #bcd1d2; --ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2; --ooui--taboption-color: var(--oouihelper--placeholdertext); /* outlineselectwidget */ --ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; --ooui--outlineoption-background-color: var(--oouihelper--text-background); --ooui--outlineoption-border-color: var(--oouihelper--borderdark); --ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--outlineoption-pressed-background-color: #22292a; /* popupwidget */ --ooui--popup-background-color: var(--oouihelper--text-background); --ooui--popup-border-color: var(--oouihelper--borderdark); /* layouts */ --ooui--bookletlayout-border-color: var(--oouihelper--borderdark); --ooui--panellayout-border-color: var(--oouihelper--borderdark); /* dialog */ --ooui--dialog-border-color: var(--oouihelper--borderdark); --ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter); /* window */ --ooui--window-background-color: var(--oouihelper--text-background); --ooui--window-border-color: var(--oouihelper--borderdark); /* indicators */ /* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */ --ooui--indicator-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--indicator-invert-filter: brightness(0); /* icons */ --ooui--icon-normal-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--icon-progressive-filter: brightness(0) invert(90%) sepia(21%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%); --ooui--icon-destructive-filter: brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%); --ooui--icon-invert-filter: brightness(0); --ooui--icon-success-filter: brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%); /* #00e673 */ --ooui--icon-warning-filter: brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%); /* #ffcc33 */ --ooui--icon-error-filter: brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%); /* #f04848 */ } /********* Theming of Codex design tokens *********/ :root { --color-base: #eae3d1; --color-progressive: #9fecf0; --color-progressive--hover: #86dcdf; --color-destructive: #f66; } /***************************************************************************************************/ /***************************************************************************************************/ /****************************** Custom CSS for the Fargo Mods Wiki ******************************/ /***************************************************************************************************/ /***************************************************************************************************/ /* * The main stylesheet for the wiki is imported from the vanilla Terraria Wiki. * Customizations of those rules and special styles that only apply to this wiki * are added here. */ :root{ --theme-site-logo-image: url(https://fargosmods.wiki.gg/images/e/e6/Site-logo.png); --theme-site-background: #111 url(/images/5/57/Site-background.png) center center / cover no-repeat fixed; --theme-body-background: var(--theme-site-background); --theme-site-logo-width: 372px; --theme-site-logo-height: 132px; } @media screen and (min-width: 1367px){ body{ grid-template-rows: [body-start] calc( var(--wikigg-header-height) + 24px) [page-start nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end] var(--layout-footerspace) [body-end]; } div#p-logo{ position: static; background-size: 100% auto; height: var(--layout-logo-height); } div#p-logo .mw-wiki-logo{ width: 100%; height: 100%; } body.content-size-expanded #mw-panel{ display: none; } } @media screen and (max-width: 1366px){ #p-logo { margin: 0; left: 50%; transform: translate(-50%, 0); } } @media screen and (max-width: 900px){ :root{ --layout-logo-scale: 1; } #p-logo { margin: 0; left: 0; transform: translateY(-4px); } #mw-panel #p-logo + .portal .body, #mw-panel .portal:last-child .body{ left: auto; right: 0; } } @media screen and (max-width: 720px){ :root{ --layout-logo-scale: 0.75; } } /* Hide the links to base pages (below the page title) but only in namespaces "(Main)" and "User" */ .ns-0 #contentSub .subpages, .ns-2 #contentSub .subpages { display: none; } /* Mod name in firstHeading (set via {{mod sub-page}}) */ #firstHeading .firstHeading-modname { display: block; font-size: 70%; color: var(--theme-text-color-note); } /* Ensure that the mod logo (top right corner) stays above the line */ #bodyContent { clear: both; } /* Custom list style for use in miniature bullet lists within infobox drop tables */ span.dropSub ul { list-style: none; margin-top: 0; margin-left: 0; padding-left: 0; } span.dropSub li { padding-left: 1em; text-indent: -1em; } span.dropSub li:before { content: "•"; } /* ================================================================== */ /* Template styles */ /* ================================================================== */ /* Template:Summoned */ .summoned.infobox { text-align: center; padding-bottom: 12px; } .summoned.infobox .title { font-size: 12px; } .summoned.infobox .p { font-size: 14px; } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 5cb4ccb3758144aaee28e8c3762e9be42bd16846 311 310 2025-06-20T01:41:33Z Squeaker 434557 Undo revision [[Special:Diff/310|310]] by [[Special:Contributions/Squeaker|Squeaker]] ([[User talk:Squeaker|talk]]) css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 990ed9861efc47fd4f39826fc42a8fad581cf0e4 313 311 2025-06-23T07:02:14Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 75837d4163feff8635ee4241deaf68b94e350750 314 313 2025-06-23T07:02:44Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 3162ff0bdfd798e5f79221eebd9ae543caed7f88 315 314 2025-07-05T01:35:18Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 16592a197a6339220e493e1cd519eaa4f8ddd55c 317 315 2025-07-05T01:39:19Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ e15e163174bf50bb292fa8b9d12724518c50fcfe 318 317 2025-07-05T01:40:39Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ d2af03979f62a06d1055eecff2598b64186eb70a 319 318 2025-07-05T01:41:00Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ f776fd02a3c3573b152fe9b52f6adad86c34c251 320 319 2025-07-05T01:41:19Z Squeaker 434557 Undo revision [[Special:Diff/319|319]] by [[Special:Contributions/Squeaker|Squeaker]] ([[User talk:Squeaker|talk]]) css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ d2af03979f62a06d1055eecff2598b64186eb70a 321 320 2025-07-05T02:23:21Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 248100bdbbec2d7cc307d116c6c2c5980b3ed4b9 322 321 2025-07-05T02:48:15Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } #mw-head { --theme-tab-border-radius: var(--theme-widget-border-radius); --theme-tab-border-style: solid; --theme-tab-border-left-width: 1px; --theme-tab-border-right-width: 1px; --theme-tab-border-top-width: 1px; --theme-tab-border-bottom-width: 1px; --theme-tab-border-width: var(--theme-tab-border-top-width) var(--theme-tab-border-right-width) var(--theme-tab-border-bottom-width) var(--theme-tab-border-left-width); --theme-tab-border-bottom-color: var(--theme-border-bottom-color); --theme-tab-border-bottom: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) var(--theme-tab-border-bottom-color); --theme-tab-border-bottom-selected: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) transparent; } /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 24610f1ff6909541fe2b630a900947c98723a886 323 322 2025-07-05T02:48:32Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 248100bdbbec2d7cc307d116c6c2c5980b3ed4b9 324 323 2025-07-05T03:34:25Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } @media screen and (min-width: 1367px) { /*** sidebar toggle ***/ #nav-content-size-toggle { display: flex; padding-left: var(--layout-content-size-toggle-gap-left); margin-right: calc(0px - var(--layout-content-size-toggle-gap-left) - 22px); /* effective width = 0 */ } #nav-content-size-toggle span { align-self: center; display: block; width: 22px; height: 22px; cursor: pointer; --mask: var(--icon-sidebar-collapse) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } .content-size-expanded #nav-content-size-toggle span { --mask: var(--icon-sidebar-expand) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } .content-size-expanded #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } /* expanded */ body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right nav-left content-left footer-left] var(--layout-sidebar-width) var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 7ba4ae23d0d3c8472773678a5835554780cf6ccb 325 324 2025-07-05T03:34:44Z Squeaker 434557 Undo revision [[Special:Diff/324|324]] by [[Special:Contributions/Squeaker|Squeaker]] ([[User talk:Squeaker|talk]]) css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 248100bdbbec2d7cc307d116c6c2c5980b3ed4b9 326 325 2025-07-05T03:36:31Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); --wiki-sidebar-border-radius 20px /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ bf73b29ad34bdd10a3e04fc134f08fa618f3ea55 344 326 2025-07-10T00:08:21Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); --wiki-sidebar-border-radius 20px /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************* * Additional stuff * *********************/ /*********************************************************************************************************** * css for certain templates ***********************************************************************************************************/ /********* Infobox templates *********/ /* Common styles for these infobox templates: * [[Template:Drop infobox]] * [[Template:Item infobox]] * [[Template:Npc infobox]] * (other infobox templates are portable infoboxes instead and do not use the common ".infobox" class) */ .infobox { border: 1px solid var(--theme-box-border-color); border-radius: 8px; --padding: 6px; padding: var(--padding); font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; box-sizing: border-box; } .infobox * { background: none; } .infobox.float-right { float: right; margin: 0.5em 0 0.5em 1em; } .infobox.float-left { float: left; margin: 0.5em 1em 0.5em 0; } .infobox.float-none { float: none; margin: 0.5em 1em 0.5em 0; } .infobox blockquote.quotation { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0 0.25em; margin: 0.5em auto; } .infobox blockquote.quotation:before { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ font-size: 3.5em; left: 0; } .infobox blockquote.quotation div { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0; margin-left: 2em; border-left: 0; } .infobox table { background: none; width: 100%; border-spacing: 0; } .infobox table th, .infobox table td { padding: 2px; vertical-align: middle; } .infobox table th { white-space: nowrap; text-align: right; width: 5em; /* It is possible that an infobox is transcluded inside a table that * has "class=terraria". There is a rule for "table.terraria th" that * sets a background, but we don't want that to affect the <th> * elements of the infobox. Therefore we must override it here. */ background: none; } .infobox > .title, .infobox .section > .title { background: var(--modetabs-background); color: var(--modetabs-text-color); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title { font-size: 15px; padding: 6px 3px; line-height: 1.2; } .infobox > .title > .ename, .infobox > .title > .namesub { display: block; font-size: 12px; font-style: italic; } .infobox > .title > .namesub { color: var(--theme-text-color-note); } .infobox > .title > .namesub:before { content: "("; font-style: normal; margin-right: 1px; } .infobox > .title > .namesub:after { content: ")"; font-style: normal; margin-left: 1px; } .infobox > .title > .namesub.namenote { font-size: 10px; } .infobox .content-section { padding: 6px 3px; } .infobox .variant { color: var(--modetabs-text-color); font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; margin-bottom: 2px; } .infobox .images { position: relative; padding: 6px 0; min-height: 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; } .infobox .images img { max-width: 100%; height: auto; } .infobox ul { list-style: none; margin: auto; text-align: center; } .infobox .section { margin-bottom: 4px; } .infobox .section:last-child { margin-bottom: 0; } .infobox .section > .title:first-child + * { margin-top: 4px; } .infobox .section > .title:first-child + :empty { /* hide empty section contents */ display: none; } .infobox .section > .title:last-child { /* hide titles of empty sections */ display: none; } .infobox .section .stat th .gameText { /* revert the "white-space:pre-wrap" in {{gameText}} in captions, e.g. in the sound section */ white-space: unset; } .infobox .section.buff table, .infobox .section.debuff table { border-bottom: 1px solid var(--theme-box-border-color); margin-bottom: 0.25em; } .infobox .section.buff:after, .infobox .section.debuff:after { content: ""; display: block; height: 4px; margin-top: -7px; background: var(--theme-page-background-color); } .infobox .section.ids { border-top: 1px solid var(--theme-box-border-color); text-align: center; font-size: 10.5px; background: var(--modetabs-background); color: var(--modetabs-text-color); } .infobox .section.ids li { padding: 2px 0; border-bottom: 2px solid var(--theme-page-background-color); margin: 0; font-weight: bold; } .infobox .section.ids li:last-child { border-bottom: 0; } .infobox tr.buff th, .infobox tr.buff td { background: var(--modetabs-background); border: 1px solid var(--modetabs-border-color); } .infobox tr.buff th { border-left: 0; } .infobox tr.buff td { border-right: 0; padding-left: 3px; } .infobox tr.buff td b { font-weight: bold; white-space: nowrap; } .infobox .imageother { text-align: center; padding: 6px 0; border-top: 1px solid var(--theme-box-border-color); } .infobox .imageother .imageothercaption { margin: 0.15em 0 0; } .infobox .tags, .portable-infobox .tags { /* tag list */ --tags-border-color: rgba(var(--theme-text-color--rgb), 0.4); --tags-border-color-linked: rgba(var(--theme-link-color--rgb), 0.4); margin-top: -1px; margin-bottom: -1px; } .infobox .tags .tag, .portable-infobox .tags .tag { border: 1px solid var(--tags-border-color-linked); display: inline-block; padding: 0 4px; border-radius: 3px; margin: 3px 6px 3px auto; } @supports selector(:has(p)) { .infobox .tags .tag, .portable-infobox .tags .tag { border-color: var(--tags-border-color); } .infobox .tags .tag:has(> a), .portable-infobox .tags .tag:has(> a) { border-color: var(--tags-border-color-linked); } } .infobox .tags .tag a, .portable-infobox .tags .tag a { white-space: nowrap; } .modetabs { display: flex; padding: 0 4px; } .modetabs .tab { margin: 0 2px -1px; border-radius: 3px 3px 0 0; background: transparent; padding: 4px 0 3px; text-align: center; font-weight: bold; cursor: pointer; border: 1px solid transparent; border-bottom: none; } .modetabs .tab.current { background: var(--theme-box-background); border-color: var(--theme-box-border-color); } .modetabs .tab:hover { text-decoration: underline; } .infobox .modetabs { border-bottom: 1px solid var(--theme-box-border-color); margin: 6px -6px; } .infobox .modetabs .tab { flex: 1 1 33.33333333%; } /* -------------------------------------------------------- */ /* classic/expert/master mode tabber */ /* -------------------------------------------------------- */ .infobox, .portable-infobox, .infotable { --modetabs-background: var(--theme-modetabs-classic-background); --modetabs-border-color: var(--theme-modetabs-classic-border-color); --modetabs-text-color: var(--theme-modetabs-classic-text-color); } .modesbox.c-normal .m-expert, .modesbox.c-normal .m-master, .modesbox.c-normal .m-expert-master { display: none !important; } .modesbox.c-expert { --modetabs-background: var(--theme-modetabs-expert-background); --modetabs-border-color: var(--theme-modetabs-expert-border-color); --modetabs-text-color: var(--theme-modetabs-expert-text-color); } .modesbox.c-expert .m-normal, .modesbox.c-expert .m-master, .modesbox.c-expert .m-normal-master { display: none !important; } .modesbox.c-master { --modetabs-background: var(--theme-modetabs-master-background); --modetabs-border-color: var(--theme-modetabs-master-border-color); --modetabs-text-color: var(--theme-modetabs-master-text-color); } .modesbox.c-master .m-normal, .modesbox.c-master .m-expert, .modesbox.c-master .m-normal-expert { display: none !important; } .modesbox.expertonly .m-normal, .modesbox .expertonly .m-normal { display: none !important; } .modesbox.masteronly .m-normal, .modesbox.masteronly .m-expert, .modesbox .masteronly .m-normal, .modesbox .masteronly .m-expert { display: none !important; } /********* Portable infobox theme *********/ /* Extension:PortableInfobox */ /* Portable infobox templates: * [[Template:Buff infobox]] * [[Template:Patch infobox]] * [[Template:Re-Logic staff infobox]] * [[Template:Software infobox]] * [[Template:User infobox]] */ .portable-infobox { --pi-border-color: var(--theme-box-border-color); /* this variable is also used by some other rules not listed here */ border: 1px solid var(--pi-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; width: 21em; box-sizing: border-box; } .portable-infobox .pi-data, .portable-infobox .pi-group { border: none; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { color: var(--modetabs-text-color); text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--modetabs-background); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); } .portable-infobox .pi-title { font-weight: bold; font-size: 15px; padding: 6px 3px; line-height: 1.2; } .portable-infobox .pi-title + .pi-group, .portable-infobox .pi-group.pi-collapse-closed + .pi-group { margin-top: 4px; } .portable-infobox .pi-header { padding: 2px 0; } .portable-infobox .pi-secondary-font { font-size: 12px; line-height: 1.5; /* Set the font-family to the standard text font. "h3.pi-secondary-font" * elements (the "data labels" get a different font because they are "h3" * elements, but they should look the same as the "data value" elements. */ font-family: var(--font-family); } .portable-infobox .pi-navigation { background-color: transparent; border-top: 1px solid var(--pi-border-color); font-size: 11.5px; } .portable-infobox .pi-data.pi-item .pi-data-label { flex-basis: 120px; text-align: right; hyphens: unset; /* overwriting the default "hyphens:auto" */ } .portable-infobox .pi-group.pi-collapse .pi-header { cursor: pointer; } .portable-infobox .pi-image { margin: 6px; } .portable-infobox .pi-image img { max-width: 100%; height: auto; } .portable-infobox h2::after { /* Hide the line that is displayed below normal h2 elements by default */ display: none; } @media screen and (min-width: 720px) { .client-js .pi-collapse .pi-header:first-child { padding-right: 0; } } /********* [[Template:Item infobox]] *********/ .item.infobox { width: 21em; } .item.infobox .images { min-height: 50px; } .item.infobox .images .auto, .item.infobox .images .stack { position: absolute; right: 3px; } .item.infobox .images .auto { top: 3px; } .item.infobox .images .stack { bottom: 3px; } .item.infobox .images ul.infobox-inline > li { display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; vertical-align: middle; line-height: 2px; } .item.infobox .images ul.infobox-inline > li::before { content: ""; display: block; width: 1px; background: var(--theme-box-border-color); height: 80%; position: absolute; left: 0; top: 10%; } .item.infobox .images ul.infobox-inline > li:first-child { padding: 0 8px; } .item.infobox .images ul.infobox-inline > li:first-child::before { display: none; } .item.infobox .images ul.infobox-block > li { display: block; padding: 13px 0 0 0; margin: auto; position: relative; } .item.infobox .images ul.infobox-block > li::before { content: ""; display: block; height: 1px; background: var(--theme-box-border-color); width: 80%; position: absolute; left: 10%; top: 6px; } .item.infobox .images ul.infobox-block > li:first-child { padding-top: 0; } .item.infobox .images ul.infobox-block > li:first-child::before { display: none; } .item.infobox .images hr { background-color: var(--theme-box-border-color); margin: 0.5em 0; } .item.infobox .section { overflow: hidden; } .item.infobox .section.projectile, .item.infobox .section.mount { text-align: center; } .item.infobox .section.projectile .name, .item.infobox .section.mount .name { font-size: 10.5px; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .item.infobox .section.projectile .image, .item.infobox .section.mount .image { margin: 0.25em 0.5em 0.5em; } .item.infobox .section.projectile img { max-width: 100%; height: auto; } .item.infobox .section.projectile .name { margin-top: 0.25em; } .item.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .item.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .item.infobox .section.drop table { /* drop info section in item infobox */ margin-top: 6px; margin-bottom: 6px; } .item.infobox .section.drop .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" * rule for the contents of the sortable column headers */ background-image: unset; } .item.infobox .section.drop td { border-top: 1px solid var(--theme-box-border-color); } .item.infobox .section.drop td:first-child s { display: none; } .item.infobox .section.drop th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .item.infobox .section.drop th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .item.infobox .section.drop th:last-child.headerSort { padding-right: 21px; } .item.infobox .section.drop th:first-child, .item.infobox .section.drop td:first-child { text-align: left; width: 0; } .item.infobox .section.drop th:nth-child(2), .item.infobox .section.drop td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .item.infobox .section.drop th:last-child, .item.infobox .section.drop td:last-child { text-align: right; width: 0; min-width: 4em; } .item.infobox .section.drop .entity-name { display: flex; align-items: center; } .item.infobox .section.drop .entity-img img, .item.infobox .section.drop .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .item.infobox .section.drop .nodrop-note { text-align: center; padding-top: 6px; } .item.infobox .section.drop > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .item.infobox .section.drop > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .item.infobox .section.drop > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .item.infobox .section.drop > .mw-collapsible-toggle:after { content: ""; } .item.infobox ul.toolpower { padding: 6px 0; cursor: help; } .item.infobox ul.toolpower li { display: inline-block; padding: 0 0.5em; } .item.infobox ul.toolpower li > img { width: 16px; height: 16px; object-fit: cover; object-position: 0 0; filter: var(--ooui--icon-normal-filter); } .item.infobox ul.toolpower .zero { opacity: 0.5; } .item.infobox td.tvm { /* ammo pages: Total Velocity Multiplier line */ font-weight: bold; padding-left: 5px; } .item.infobox th.tvm, .item.infobox td.tvm { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .small-bold { /* Styling for damagetype and width/height. Use time and knockback use other * classes (.usetime, .knockback) but those have the same styling. */ font-size: 10.5px; font-weight: bold; } /********* [[Template:Npc infobox]] *********/ .npc.infobox { width: 21em; } .npc.infobox .section { overflow: hidden; } .npc.infobox .section.drops .drops.items { margin-top: 4px; margin-bottom: 0; } .npc.infobox .section.projectile { text-align: center; } .npc.infobox .section.projectile img { max-width: calc(100% - var(--padding) * 2); height: auto; } .npc.infobox .section.projectile .image { margin: 0.25em 0.5em 0.5em; } .npc.infobox .section.projectile .name { font-size: 10.5px; margin-top: 0.25em; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .npc.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .npc.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .npc.infobox .statistics table th { width: 6em; } .npc.infobox .immunities > div { margin: -1px; } .npc.infobox .immunities .i { margin: 1px; } .npc.infobox .drops td:first-child { text-align: left; } .npc.infobox .drops td:last-child { text-align: right; } .npc.infobox .drops th:first-child { text-align: left; border-right: 0; } .npc.infobox .drops.money table th { width: 1px; } .npc.infobox .drops.items li { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; padding: 3px 0; margin-bottom: auto; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; position: relative; } .npc.infobox .drops.items li:first-child { background: var(--modetabs-background); color: var(--modetabs-text-color); padding: 2px 6px; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li > div { display: block; } .npc.infobox .drops.items li > div:first-child { text-align: left; } .npc.infobox .drops.items li > div:last-child { text-align: right; } .npc.infobox .drops.items li.notebox { display: block; text-align: center; padding: 0; } .npc.infobox .drops.items li.notebox > div { text-align: center; border-width: 1px; border-style: dashed; border-color: rgba(var(--theme-border-color--rgb), 0.8); border-radius: 3px; margin: 3px auto; padding: 2px 0; } .npc.infobox .drops.items li.note-before, .npc.infobox .drops.items li.note-after { display: block; } .npc.infobox .drops.items li.note-before > div, .npc.infobox .drops.items li.note-after > div { text-align: center; } .npc.infobox .drops.items li.note-before { padding-bottom: 0; margin-bottom: -3px; } .npc.infobox .drops.items li.note-before + li { border-top: 0; } .npc.infobox .drops.items li.note-after { margin-top: -2px; border-top: 0; padding-top: 0; } .npc.infobox .drops.items li .i > span:first-of-type > div.note { /* note2 of {{item}}s in drops list */ font-size: 11px; line-height: 12px; } .npc.infobox .drops.items li.caption { line-height: 1.1; text-align: center; color: var(--modetabs-text-color); background: var(--modetabs-background); display: block; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li.caption.trsbg { /* "Treasure Bag contents" caption */ border-bottom-width: 2px; margin-bottom: 2px; padding-bottom: 5px; } .npc.infobox .drops.items li.caption.trsbg + li { border-top-width: 1px; border-top-style: solid; } .npc.infobox .drops.items li.caption + li.group { border-top-width: 0; } .npc.infobox .drops.items li.caption.group_end { padding-bottom: 5px; } .npc.infobox .drops.items li.group_end { border-bottom-width: 2px; position: relative; margin-bottom: 2px; } .npc.infobox .drops.items li.group { border-color: rgba(var(--theme-border-color--rgb), 0.35); } .npc.infobox .drops.items li.groupstart, .npc.infobox .drops.items li.groupend + li { border-top-width: 2px; } .npc.infobox .drops.items li.groupend { display: none; } .npc.infobox .drops.items li.loot { border-color: rgba(var(--theme-border-color--rgb), 0.35); margin-left: 1.5em; } .npc.infobox .drops.items li.loot:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 100px; background: var(--theme-text-color); position: absolute; left: -1em; top: 50%; transform: translateY(-50%); } .npc.infobox .drops.items li.loot.caption:before { display: none; } .npc.infobox .drops.items li.lootstart, .npc.infobox .drops.items li.lootend { display: none; } .npc.infobox table.drops.money span.money { display: block; } .npc.infobox table.drops.money span.sep { display: block; text-indent: -9999px; height: 1px; overflow: hidden; } ul.table-npcdrops { /* npc drops list in tableview */ text-align: left; margin: auto; } .table-npcdrops > li { list-style: none; margin-bottom: 2px; } .table-npcdrops > li:last-child { margin-bottom: auto; } .table-npcdrops > li > div { display: inline-block; } .table-npcdrops > li > div:last-child { margin-left: 0.25em; } .table-npcdrops > li > div:last-child:before { content: " ("; } .table-npcdrops > li > div:last-child:after { content: ")"; } .npc.infotable { display: grid; grid-template-columns: [tab-left table-left] auto [tab-right note-left] auto [note-right table-right]; grid-template-rows: [tab-start note-start] auto [tab-end note-end table-start] auto [table-end]; width: fit-content; max-width: 100%; } .npc.infotable th { /* "background-color" specifically is necessary here (instead of just * "background" because these "th" elements are potentially sortable. In * that case they are affected by the "th.headerSort" rule from * jquery-tablesorter, where "background-image" is set (for the little * arrow icons). Just "background" would overwrite that and hide the * arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); } .npc.infotable > .statnote { grid-column: note-left/note-right; grid-row: note-start/note-end; text-align: right; font-size: 10px; line-height: 14px; padding-right: 9px; color: var(--theme-text-color-note); } .npc.infotable.note-no > .statnote { display: none; } .npc.infotable.note-bottom { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable.note-bottom > .statnote { text-align: left; } @media screen and (max-width: 640px) { .npc.infotable { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable > .statnote { text-align: left; } } .npc.infotable > .table { grid-column: table-left/table-right; grid-row: table-start/table-end; z-index: 10; margin: 0; border: 1px solid var(--theme-box-border-color); border-radius: 0 8px 8px 8px; padding: 6px; width: 100%; overflow: hidden; } .npc.infotable > .table > table { margin: 0; } .npc.infotable > .table > table.terraria { margin-top: 0 !important; } .npc.infotable .modetabs { grid-column: tab-left/tab-right; grid-row: tab-start/tab-end; z-index: 20; } .npc.infotable .modetabs .tab { margin: 0 5px -1px 0; padding: 4px 1em; } .npc.infotable td.infobox-block span.npcstat, .npc.infotable td.infobox-block span.npcstat .s { display: block; } .npc.infotable td.infobox-block span.npcstat + br, .npc.infotable td.infobox-block span.npcstat .sep { display: none; } .npcstat .ssep { display: inline; padding-left: 0.5em; padding-right: 0.5em; } .npc.infobox .npcstat .ssep, .npc.infotable .npcstat .ssep { display: none; } .npcstat span.prefix, .npcstat span.postfix { display: inline; color: var(--theme-text-color-note); font-weight: normal; font-size: 0.85em; } .npcstat.prefix .s, .npcstat.postfix .s { display: block; } /********* [[Template:Drop infobox]] *********/ .drop.infobox .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" rule * for the contents of the sortable column headers */ background-image: unset; } .drop.infobox table { margin-top: 6px; margin-bottom: 6px; } .drop.infobox td { border-top: 1px solid var(--theme-box-border-color); } .drop.infobox td:first-child s { display: none; } .drop.infobox th:first-child, .drop.infobox td:first-child { text-align: left; width: 0; } .drop.infobox th:nth-child(2), .drop.infobox td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .drop.infobox th:last-child, .drop.infobox td:last-child { text-align: right; width: 0; min-width: 4em; } .drop.infobox th { /* "background-color" specifically is necessary here (instead of just * "background" because these sortable "th" elements have a "th.headerSort" * rule from jquery-tablesorter, where "background-image" is set (for * the little arrow icons). Just "background" would overwrite that and * hide the arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); border-bottom: 1px var(--modetabs-border-color) solid; border-right: 0; padding: 2px 5px; } .drop.infobox th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .drop.infobox th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .drop.infobox th:last-child.headerSort { padding-right: 21px; } .drop.infobox .entity-name { display: flex; align-items: center; } .drop.infobox .entity-img img, .drop.infobox .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .drop.infobox .nodrop-note { text-align: center; padding-top: 6px; } .drop.infobox > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .drop.infobox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .drop.infobox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .drop.infobox > .mw-collapsible-toggle:after { content: ""; } /********* [[Template:Infobox wrapper]] *********/ .infobox-wrapper.float-right { float: right; margin-left: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-right { float: none; margin-left: auto; } } .infobox-wrapper.float-left { float: left; margin-right: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-left { float: none; margin-right: auto; } } .infobox-wrapper.float-none { float: none; } .infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none { float: none; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none { float: none; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } cf281bae7994e251c98d69f2a39a835395396793 345 344 2025-07-10T00:13:59Z Squeaker 434557 cluebed css text/css /* CSS placed here will be applied to all skins */ @import url(https://fargosmods.wiki.gg/index.php?title=MediaWiki:Common.css/terraria.common.css&action=raw&ctype=text/css); /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); --wiki-sidebar-border-radius 20px /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************* * Additional stuff * *********************/ /*********************************************************************************************************** * css for certain templates ***********************************************************************************************************/ /********* Infobox templates *********/ /* Common styles for these infobox templates: * [[Template:Drop infobox]] * [[Template:Item infobox]] * [[Template:Npc infobox]] * (other infobox templates are portable infoboxes instead and do not use the common ".infobox" class) */ .infobox { border: 1px solid var(--theme-box-border-color); border-radius: 8px; --padding: 6px; padding: var(--padding); font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; box-sizing: border-box; } .infobox * { background: none; } .infobox.float-right { float: right; margin: 0.5em 0 0.5em 1em; } .infobox.float-left { float: left; margin: 0.5em 1em 0.5em 0; } .infobox.float-none { float: none; margin: 0.5em 1em 0.5em 0; } .infobox blockquote.quotation { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0 0.25em; margin: 0.5em auto; } .infobox blockquote.quotation:before { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ font-size: 3.5em; left: 0; } .infobox blockquote.quotation div { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0; margin-left: 2em; border-left: 0; } .infobox table { background: none; width: 100%; border-spacing: 0; } .infobox table th, .infobox table td { padding: 2px; vertical-align: middle; } .infobox table th { white-space: nowrap; text-align: right; width: 5em; /* It is possible that an infobox is transcluded inside a table that * has "class=terraria". There is a rule for "table.terraria th" that * sets a background, but we don't want that to affect the <th> * elements of the infobox. Therefore we must override it here. */ background: none; } .infobox > .title, .infobox .section > .title { background: var(--modetabs-background); color: var(--modetabs-text-color); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title { font-size: 15px; padding: 6px 3px; line-height: 1.2; } .infobox > .title > .ename, .infobox > .title > .namesub { display: block; font-size: 12px; font-style: italic; } .infobox > .title > .namesub { color: var(--theme-text-color-note); } .infobox > .title > .namesub:before { content: "("; font-style: normal; margin-right: 1px; } .infobox > .title > .namesub:after { content: ")"; font-style: normal; margin-left: 1px; } .infobox > .title > .namesub.namenote { font-size: 10px; } .infobox .content-section { padding: 6px 3px; } .infobox .variant { color: var(--modetabs-text-color); font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; margin-bottom: 2px; } .infobox .images { position: relative; padding: 6px 0; min-height: 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; } .infobox .images img { max-width: 100%; height: auto; } .infobox ul { list-style: none; margin: auto; text-align: center; } .infobox .section { margin-bottom: 4px; } .infobox .section:last-child { margin-bottom: 0; } .infobox .section > .title:first-child + * { margin-top: 4px; } .infobox .section > .title:first-child + :empty { /* hide empty section contents */ display: none; } .infobox .section > .title:last-child { /* hide titles of empty sections */ display: none; } .infobox .section .stat th .gameText { /* revert the "white-space:pre-wrap" in {{gameText}} in captions, e.g. in the sound section */ white-space: unset; } .infobox .section.buff table, .infobox .section.debuff table { border-bottom: 1px solid var(--theme-box-border-color); margin-bottom: 0.25em; } .infobox .section.buff:after, .infobox .section.debuff:after { content: ""; display: block; height: 4px; margin-top: -7px; background: var(--theme-page-background-color); } .infobox .section.ids { border-top: 1px solid var(--theme-box-border-color); text-align: center; font-size: 10.5px; background: var(--modetabs-background); color: var(--modetabs-text-color); } .infobox .section.ids li { padding: 2px 0; border-bottom: 2px solid var(--theme-page-background-color); margin: 0; font-weight: bold; } .infobox .section.ids li:last-child { border-bottom: 0; } .infobox tr.buff th, .infobox tr.buff td { background: var(--modetabs-background); border: 1px solid var(--modetabs-border-color); } .infobox tr.buff th { border-left: 0; } .infobox tr.buff td { border-right: 0; padding-left: 3px; } .infobox tr.buff td b { font-weight: bold; white-space: nowrap; } .infobox .imageother { text-align: center; padding: 6px 0; border-top: 1px solid var(--theme-box-border-color); } .infobox .imageother .imageothercaption { margin: 0.15em 0 0; } .infobox .tags, .portable-infobox .tags { /* tag list */ --tags-border-color: rgba(var(--theme-text-color--rgb), 0.4); --tags-border-color-linked: rgba(var(--theme-link-color--rgb), 0.4); margin-top: -1px; margin-bottom: -1px; } .infobox .tags .tag, .portable-infobox .tags .tag { border: 1px solid var(--tags-border-color-linked); display: inline-block; padding: 0 4px; border-radius: 3px; margin: 3px 6px 3px auto; } @supports selector(:has(p)) { .infobox .tags .tag, .portable-infobox .tags .tag { border-color: var(--tags-border-color); } .infobox .tags .tag:has(> a), .portable-infobox .tags .tag:has(> a) { border-color: var(--tags-border-color-linked); } } .infobox .tags .tag a, .portable-infobox .tags .tag a { white-space: nowrap; } .modetabs { display: flex; padding: 0 4px; } .modetabs .tab { margin: 0 2px -1px; border-radius: 3px 3px 0 0; background: transparent; padding: 4px 0 3px; text-align: center; font-weight: bold; cursor: pointer; border: 1px solid transparent; border-bottom: none; } .modetabs .tab.current { background: var(--theme-box-background); border-color: var(--theme-box-border-color); } .modetabs .tab:hover { text-decoration: underline; } .infobox .modetabs { border-bottom: 1px solid var(--theme-box-border-color); margin: 6px -6px; } .infobox .modetabs .tab { flex: 1 1 33.33333333%; } /* -------------------------------------------------------- */ /* classic/expert/master mode tabber */ /* -------------------------------------------------------- */ .infobox, .portable-infobox, .infotable { --modetabs-background: var(--theme-modetabs-classic-background); --modetabs-border-color: var(--theme-modetabs-classic-border-color); --modetabs-text-color: var(--theme-modetabs-classic-text-color); } .modesbox.c-normal .m-expert, .modesbox.c-normal .m-master, .modesbox.c-normal .m-expert-master { display: none !important; } .modesbox.c-expert { --modetabs-background: var(--theme-modetabs-expert-background); --modetabs-border-color: var(--theme-modetabs-expert-border-color); --modetabs-text-color: var(--theme-modetabs-expert-text-color); } .modesbox.c-expert .m-normal, .modesbox.c-expert .m-master, .modesbox.c-expert .m-normal-master { display: none !important; } .modesbox.c-master { --modetabs-background: var(--theme-modetabs-master-background); --modetabs-border-color: var(--theme-modetabs-master-border-color); --modetabs-text-color: var(--theme-modetabs-master-text-color); } .modesbox.c-master .m-normal, .modesbox.c-master .m-expert, .modesbox.c-master .m-normal-expert { display: none !important; } .modesbox.expertonly .m-normal, .modesbox .expertonly .m-normal { display: none !important; } .modesbox.masteronly .m-normal, .modesbox.masteronly .m-expert, .modesbox .masteronly .m-normal, .modesbox .masteronly .m-expert { display: none !important; } /********* Portable infobox theme *********/ /* Extension:PortableInfobox */ /* Portable infobox templates: * [[Template:Buff infobox]] * [[Template:Patch infobox]] * [[Template:Re-Logic staff infobox]] * [[Template:Software infobox]] * [[Template:User infobox]] */ .portable-infobox { --pi-border-color: var(--theme-box-border-color); /* this variable is also used by some other rules not listed here */ border: 1px solid var(--pi-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; width: 21em; box-sizing: border-box; } .portable-infobox .pi-data, .portable-infobox .pi-group { border: none; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { color: var(--modetabs-text-color); text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--modetabs-background); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); } .portable-infobox .pi-title { font-weight: bold; font-size: 15px; padding: 6px 3px; line-height: 1.2; } .portable-infobox .pi-title + .pi-group, .portable-infobox .pi-group.pi-collapse-closed + .pi-group { margin-top: 4px; } .portable-infobox .pi-header { padding: 2px 0; } .portable-infobox .pi-secondary-font { font-size: 12px; line-height: 1.5; /* Set the font-family to the standard text font. "h3.pi-secondary-font" * elements (the "data labels" get a different font because they are "h3" * elements, but they should look the same as the "data value" elements. */ font-family: var(--font-family); } .portable-infobox .pi-navigation { background-color: transparent; border-top: 1px solid var(--pi-border-color); font-size: 11.5px; } .portable-infobox .pi-data.pi-item .pi-data-label { flex-basis: 120px; text-align: right; hyphens: unset; /* overwriting the default "hyphens:auto" */ } .portable-infobox .pi-group.pi-collapse .pi-header { cursor: pointer; } .portable-infobox .pi-image { margin: 6px; } .portable-infobox .pi-image img { max-width: 100%; height: auto; } .portable-infobox h2::after { /* Hide the line that is displayed below normal h2 elements by default */ display: none; } @media screen and (min-width: 720px) { .client-js .pi-collapse .pi-header:first-child { padding-right: 0; } } /********* [[Template:Item infobox]] *********/ .item.infobox { width: 21em; } .item.infobox .images { min-height: 50px; } .item.infobox .images .auto, .item.infobox .images .stack { position: absolute; right: 3px; } .item.infobox .images .auto { top: 3px; } .item.infobox .images .stack { bottom: 3px; } .item.infobox .images ul.infobox-inline > li { display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; vertical-align: middle; line-height: 2px; } .item.infobox .images ul.infobox-inline > li::before { content: ""; display: block; width: 1px; background: var(--theme-box-border-color); height: 80%; position: absolute; left: 0; top: 10%; } .item.infobox .images ul.infobox-inline > li:first-child { padding: 0 8px; } .item.infobox .images ul.infobox-inline > li:first-child::before { display: none; } .item.infobox .images ul.infobox-block > li { display: block; padding: 13px 0 0 0; margin: auto; position: relative; } .item.infobox .images ul.infobox-block > li::before { content: ""; display: block; height: 1px; background: var(--theme-box-border-color); width: 80%; position: absolute; left: 10%; top: 6px; } .item.infobox .images ul.infobox-block > li:first-child { padding-top: 0; } .item.infobox .images ul.infobox-block > li:first-child::before { display: none; } .item.infobox .images hr { background-color: var(--theme-box-border-color); margin: 0.5em 0; } .item.infobox .section { overflow: hidden; } .item.infobox .section.projectile, .item.infobox .section.mount { text-align: center; } .item.infobox .section.projectile .name, .item.infobox .section.mount .name { font-size: 10.5px; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .item.infobox .section.projectile .image, .item.infobox .section.mount .image { margin: 0.25em 0.5em 0.5em; } .item.infobox .section.projectile img { max-width: 100%; height: auto; } .item.infobox .section.projectile .name { margin-top: 0.25em; } .item.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .item.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .item.infobox .section.drop table { /* drop info section in item infobox */ margin-top: 6px; margin-bottom: 6px; } .item.infobox .section.drop .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" * rule for the contents of the sortable column headers */ background-image: unset; } .item.infobox .section.drop td { border-top: 1px solid var(--theme-box-border-color); } .item.infobox .section.drop td:first-child s { display: none; } .item.infobox .section.drop th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .item.infobox .section.drop th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .item.infobox .section.drop th:last-child.headerSort { padding-right: 21px; } .item.infobox .section.drop th:first-child, .item.infobox .section.drop td:first-child { text-align: left; width: 0; } .item.infobox .section.drop th:nth-child(2), .item.infobox .section.drop td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .item.infobox .section.drop th:last-child, .item.infobox .section.drop td:last-child { text-align: right; width: 0; min-width: 4em; } .item.infobox .section.drop .entity-name { display: flex; align-items: center; } .item.infobox .section.drop .entity-img img, .item.infobox .section.drop .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .item.infobox .section.drop .nodrop-note { text-align: center; padding-top: 6px; } .item.infobox .section.drop > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .item.infobox .section.drop > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .item.infobox .section.drop > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .item.infobox .section.drop > .mw-collapsible-toggle:after { content: ""; } .item.infobox ul.toolpower { padding: 6px 0; cursor: help; } .item.infobox ul.toolpower li { display: inline-block; padding: 0 0.5em; } .item.infobox ul.toolpower li > img { width: 16px; height: 16px; object-fit: cover; object-position: 0 0; filter: var(--ooui--icon-normal-filter); } .item.infobox ul.toolpower .zero { opacity: 0.5; } .item.infobox td.tvm { /* ammo pages: Total Velocity Multiplier line */ font-weight: bold; padding-left: 5px; } .item.infobox th.tvm, .item.infobox td.tvm { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .small-bold { /* Styling for damagetype and width/height. Use time and knockback use other * classes (.usetime, .knockback) but those have the same styling. */ font-size: 10.5px; font-weight: bold; } /********* [[Template:Npc infobox]] *********/ .npc.infobox { width: 21em; } .npc.infobox .section { overflow: hidden; } .npc.infobox .section.drops .drops.items { margin-top: 4px; margin-bottom: 0; } .npc.infobox .section.projectile { text-align: center; } .npc.infobox .section.projectile img { max-width: calc(100% - var(--padding) * 2); height: auto; } .npc.infobox .section.projectile .image { margin: 0.25em 0.5em 0.5em; } .npc.infobox .section.projectile .name { font-size: 10.5px; margin-top: 0.25em; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .npc.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .npc.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .npc.infobox .statistics table th { width: 6em; } .npc.infobox .immunities > div { margin: -1px; } .npc.infobox .immunities .i { margin: 1px; } .npc.infobox .drops td:first-child { text-align: left; } .npc.infobox .drops td:last-child { text-align: right; } .npc.infobox .drops th:first-child { text-align: left; border-right: 0; } .npc.infobox .drops.money table th { width: 1px; } .npc.infobox .drops.items li { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; padding: 3px 0; margin-bottom: auto; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; position: relative; } .npc.infobox .drops.items li:first-child { background: var(--modetabs-background); color: var(--modetabs-text-color); padding: 2px 6px; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li > div { display: block; } .npc.infobox .drops.items li > div:first-child { text-align: left; } .npc.infobox .drops.items li > div:last-child { text-align: right; } .npc.infobox .drops.items li.notebox { display: block; text-align: center; padding: 0; } .npc.infobox .drops.items li.notebox > div { text-align: center; border-width: 1px; border-style: dashed; border-color: rgba(var(--theme-border-color--rgb), 0.8); border-radius: 3px; margin: 3px auto; padding: 2px 0; } .npc.infobox .drops.items li.note-before, .npc.infobox .drops.items li.note-after { display: block; } .npc.infobox .drops.items li.note-before > div, .npc.infobox .drops.items li.note-after > div { text-align: center; } .npc.infobox .drops.items li.note-before { padding-bottom: 0; margin-bottom: -3px; } .npc.infobox .drops.items li.note-before + li { border-top: 0; } .npc.infobox .drops.items li.note-after { margin-top: -2px; border-top: 0; padding-top: 0; } .npc.infobox .drops.items li .i > span:first-of-type > div.note { /* note2 of {{item}}s in drops list */ font-size: 11px; line-height: 12px; } .npc.infobox .drops.items li.caption { line-height: 1.1; text-align: center; color: var(--modetabs-text-color); background: var(--modetabs-background); display: block; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li.caption.trsbg { /* "Treasure Bag contents" caption */ border-bottom-width: 2px; margin-bottom: 2px; padding-bottom: 5px; } .npc.infobox .drops.items li.caption.trsbg + li { border-top-width: 1px; border-top-style: solid; } .npc.infobox .drops.items li.caption + li.group { border-top-width: 0; } .npc.infobox .drops.items li.caption.group_end { padding-bottom: 5px; } .npc.infobox .drops.items li.group_end { border-bottom-width: 2px; position: relative; margin-bottom: 2px; } .npc.infobox .drops.items li.group { border-color: rgba(var(--theme-border-color--rgb), 0.35); } .npc.infobox .drops.items li.groupstart, .npc.infobox .drops.items li.groupend + li { border-top-width: 2px; } .npc.infobox .drops.items li.groupend { display: none; } .npc.infobox .drops.items li.loot { border-color: rgba(var(--theme-border-color--rgb), 0.35); margin-left: 1.5em; } .npc.infobox .drops.items li.loot:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 100px; background: var(--theme-text-color); position: absolute; left: -1em; top: 50%; transform: translateY(-50%); } .npc.infobox .drops.items li.loot.caption:before { display: none; } .npc.infobox .drops.items li.lootstart, .npc.infobox .drops.items li.lootend { display: none; } .npc.infobox table.drops.money span.money { display: block; } .npc.infobox table.drops.money span.sep { display: block; text-indent: -9999px; height: 1px; overflow: hidden; } ul.table-npcdrops { /* npc drops list in tableview */ text-align: left; margin: auto; } .table-npcdrops > li { list-style: none; margin-bottom: 2px; } .table-npcdrops > li:last-child { margin-bottom: auto; } .table-npcdrops > li > div { display: inline-block; } .table-npcdrops > li > div:last-child { margin-left: 0.25em; } .table-npcdrops > li > div:last-child:before { content: " ("; } .table-npcdrops > li > div:last-child:after { content: ")"; } .npc.infotable { display: grid; grid-template-columns: [tab-left table-left] auto [tab-right note-left] auto [note-right table-right]; grid-template-rows: [tab-start note-start] auto [tab-end note-end table-start] auto [table-end]; width: fit-content; max-width: 100%; } .npc.infotable th { /* "background-color" specifically is necessary here (instead of just * "background" because these "th" elements are potentially sortable. In * that case they are affected by the "th.headerSort" rule from * jquery-tablesorter, where "background-image" is set (for the little * arrow icons). Just "background" would overwrite that and hide the * arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); } .npc.infotable > .statnote { grid-column: note-left/note-right; grid-row: note-start/note-end; text-align: right; font-size: 10px; line-height: 14px; padding-right: 9px; color: var(--theme-text-color-note); } .npc.infotable.note-no > .statnote { display: none; } .npc.infotable.note-bottom { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable.note-bottom > .statnote { text-align: left; } @media screen and (max-width: 640px) { .npc.infotable { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable > .statnote { text-align: left; } } .npc.infotable > .table { grid-column: table-left/table-right; grid-row: table-start/table-end; z-index: 10; margin: 0; border: 1px solid var(--theme-box-border-color); border-radius: 0 8px 8px 8px; padding: 6px; width: 100%; overflow: hidden; } .npc.infotable > .table > table { margin: 0; } .npc.infotable > .table > table.terraria { margin-top: 0 !important; } .npc.infotable .modetabs { grid-column: tab-left/tab-right; grid-row: tab-start/tab-end; z-index: 20; } .npc.infotable .modetabs .tab { margin: 0 5px -1px 0; padding: 4px 1em; } .npc.infotable td.infobox-block span.npcstat, .npc.infotable td.infobox-block span.npcstat .s { display: block; } .npc.infotable td.infobox-block span.npcstat + br, .npc.infotable td.infobox-block span.npcstat .sep { display: none; } .npcstat .ssep { display: inline; padding-left: 0.5em; padding-right: 0.5em; } .npc.infobox .npcstat .ssep, .npc.infotable .npcstat .ssep { display: none; } .npcstat span.prefix, .npcstat span.postfix { display: inline; color: var(--theme-text-color-note); font-weight: normal; font-size: 0.85em; } .npcstat.prefix .s, .npcstat.postfix .s { display: block; } /********* [[Template:Drop infobox]] *********/ .drop.infobox .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" rule * for the contents of the sortable column headers */ background-image: unset; } .drop.infobox table { margin-top: 6px; margin-bottom: 6px; } .drop.infobox td { border-top: 1px solid var(--theme-box-border-color); } .drop.infobox td:first-child s { display: none; } .drop.infobox th:first-child, .drop.infobox td:first-child { text-align: left; width: 0; } .drop.infobox th:nth-child(2), .drop.infobox td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .drop.infobox th:last-child, .drop.infobox td:last-child { text-align: right; width: 0; min-width: 4em; } .drop.infobox th { /* "background-color" specifically is necessary here (instead of just * "background" because these sortable "th" elements have a "th.headerSort" * rule from jquery-tablesorter, where "background-image" is set (for * the little arrow icons). Just "background" would overwrite that and * hide the arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); border-bottom: 1px var(--modetabs-border-color) solid; border-right: 0; padding: 2px 5px; } .drop.infobox th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .drop.infobox th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .drop.infobox th:last-child.headerSort { padding-right: 21px; } .drop.infobox .entity-name { display: flex; align-items: center; } .drop.infobox .entity-img img, .drop.infobox .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .drop.infobox .nodrop-note { text-align: center; padding-top: 6px; } .drop.infobox > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .drop.infobox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .drop.infobox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .drop.infobox > .mw-collapsible-toggle:after { content: ""; } /********* [[Template:Infobox wrapper]] *********/ .infobox-wrapper.float-right { float: right; margin-left: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-right { float: none; margin-left: auto; } } .infobox-wrapper.float-left { float: left; margin-right: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-left { float: none; margin-right: auto; } } .infobox-wrapper.float-none { float: none; } .infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none { float: none; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none { float: none; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } da5bfe4d20929a60c225057a2287821d5f5a0848 346 345 2025-07-10T00:14:14Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); --wiki-sidebar-border-radius 20px /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************* * Additional stuff * *********************/ /*********************************************************************************************************** * css for certain templates ***********************************************************************************************************/ /********* Infobox templates *********/ /* Common styles for these infobox templates: * [[Template:Drop infobox]] * [[Template:Item infobox]] * [[Template:Npc infobox]] * (other infobox templates are portable infoboxes instead and do not use the common ".infobox" class) */ .infobox { border: 1px solid var(--theme-box-border-color); border-radius: 8px; --padding: 6px; padding: var(--padding); font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; box-sizing: border-box; } .infobox * { background: none; } .infobox.float-right { float: right; margin: 0.5em 0 0.5em 1em; } .infobox.float-left { float: left; margin: 0.5em 1em 0.5em 0; } .infobox.float-none { float: none; margin: 0.5em 1em 0.5em 0; } .infobox blockquote.quotation { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0 0.25em; margin: 0.5em auto; } .infobox blockquote.quotation:before { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ font-size: 3.5em; left: 0; } .infobox blockquote.quotation div { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0; margin-left: 2em; border-left: 0; } .infobox table { background: none; width: 100%; border-spacing: 0; } .infobox table th, .infobox table td { padding: 2px; vertical-align: middle; } .infobox table th { white-space: nowrap; text-align: right; width: 5em; /* It is possible that an infobox is transcluded inside a table that * has "class=terraria". There is a rule for "table.terraria th" that * sets a background, but we don't want that to affect the <th> * elements of the infobox. Therefore we must override it here. */ background: none; } .infobox > .title, .infobox .section > .title { background: var(--modetabs-background); color: var(--modetabs-text-color); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title { font-size: 15px; padding: 6px 3px; line-height: 1.2; } .infobox > .title > .ename, .infobox > .title > .namesub { display: block; font-size: 12px; font-style: italic; } .infobox > .title > .namesub { color: var(--theme-text-color-note); } .infobox > .title > .namesub:before { content: "("; font-style: normal; margin-right: 1px; } .infobox > .title > .namesub:after { content: ")"; font-style: normal; margin-left: 1px; } .infobox > .title > .namesub.namenote { font-size: 10px; } .infobox .content-section { padding: 6px 3px; } .infobox .variant { color: var(--modetabs-text-color); font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; margin-bottom: 2px; } .infobox .images { position: relative; padding: 6px 0; min-height: 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; } .infobox .images img { max-width: 100%; height: auto; } .infobox ul { list-style: none; margin: auto; text-align: center; } .infobox .section { margin-bottom: 4px; } .infobox .section:last-child { margin-bottom: 0; } .infobox .section > .title:first-child + * { margin-top: 4px; } .infobox .section > .title:first-child + :empty { /* hide empty section contents */ display: none; } .infobox .section > .title:last-child { /* hide titles of empty sections */ display: none; } .infobox .section .stat th .gameText { /* revert the "white-space:pre-wrap" in {{gameText}} in captions, e.g. in the sound section */ white-space: unset; } .infobox .section.buff table, .infobox .section.debuff table { border-bottom: 1px solid var(--theme-box-border-color); margin-bottom: 0.25em; } .infobox .section.buff:after, .infobox .section.debuff:after { content: ""; display: block; height: 4px; margin-top: -7px; background: var(--theme-page-background-color); } .infobox .section.ids { border-top: 1px solid var(--theme-box-border-color); text-align: center; font-size: 10.5px; background: var(--modetabs-background); color: var(--modetabs-text-color); } .infobox .section.ids li { padding: 2px 0; border-bottom: 2px solid var(--theme-page-background-color); margin: 0; font-weight: bold; } .infobox .section.ids li:last-child { border-bottom: 0; } .infobox tr.buff th, .infobox tr.buff td { background: var(--modetabs-background); border: 1px solid var(--modetabs-border-color); } .infobox tr.buff th { border-left: 0; } .infobox tr.buff td { border-right: 0; padding-left: 3px; } .infobox tr.buff td b { font-weight: bold; white-space: nowrap; } .infobox .imageother { text-align: center; padding: 6px 0; border-top: 1px solid var(--theme-box-border-color); } .infobox .imageother .imageothercaption { margin: 0.15em 0 0; } .infobox .tags, .portable-infobox .tags { /* tag list */ --tags-border-color: rgba(var(--theme-text-color--rgb), 0.4); --tags-border-color-linked: rgba(var(--theme-link-color--rgb), 0.4); margin-top: -1px; margin-bottom: -1px; } .infobox .tags .tag, .portable-infobox .tags .tag { border: 1px solid var(--tags-border-color-linked); display: inline-block; padding: 0 4px; border-radius: 3px; margin: 3px 6px 3px auto; } @supports selector(:has(p)) { .infobox .tags .tag, .portable-infobox .tags .tag { border-color: var(--tags-border-color); } .infobox .tags .tag:has(> a), .portable-infobox .tags .tag:has(> a) { border-color: var(--tags-border-color-linked); } } .infobox .tags .tag a, .portable-infobox .tags .tag a { white-space: nowrap; } .modetabs { display: flex; padding: 0 4px; } .modetabs .tab { margin: 0 2px -1px; border-radius: 3px 3px 0 0; background: transparent; padding: 4px 0 3px; text-align: center; font-weight: bold; cursor: pointer; border: 1px solid transparent; border-bottom: none; } .modetabs .tab.current { background: var(--theme-box-background); border-color: var(--theme-box-border-color); } .modetabs .tab:hover { text-decoration: underline; } .infobox .modetabs { border-bottom: 1px solid var(--theme-box-border-color); margin: 6px -6px; } .infobox .modetabs .tab { flex: 1 1 33.33333333%; } /* -------------------------------------------------------- */ /* classic/expert/master mode tabber */ /* -------------------------------------------------------- */ .infobox, .portable-infobox, .infotable { --modetabs-background: var(--theme-modetabs-classic-background); --modetabs-border-color: var(--theme-modetabs-classic-border-color); --modetabs-text-color: var(--theme-modetabs-classic-text-color); } .modesbox.c-normal .m-expert, .modesbox.c-normal .m-master, .modesbox.c-normal .m-expert-master { display: none !important; } .modesbox.c-expert { --modetabs-background: var(--theme-modetabs-expert-background); --modetabs-border-color: var(--theme-modetabs-expert-border-color); --modetabs-text-color: var(--theme-modetabs-expert-text-color); } .modesbox.c-expert .m-normal, .modesbox.c-expert .m-master, .modesbox.c-expert .m-normal-master { display: none !important; } .modesbox.c-master { --modetabs-background: var(--theme-modetabs-master-background); --modetabs-border-color: var(--theme-modetabs-master-border-color); --modetabs-text-color: var(--theme-modetabs-master-text-color); } .modesbox.c-master .m-normal, .modesbox.c-master .m-expert, .modesbox.c-master .m-normal-expert { display: none !important; } .modesbox.expertonly .m-normal, .modesbox .expertonly .m-normal { display: none !important; } .modesbox.masteronly .m-normal, .modesbox.masteronly .m-expert, .modesbox .masteronly .m-normal, .modesbox .masteronly .m-expert { display: none !important; } /********* Portable infobox theme *********/ /* Extension:PortableInfobox */ /* Portable infobox templates: * [[Template:Buff infobox]] * [[Template:Patch infobox]] * [[Template:Re-Logic staff infobox]] * [[Template:Software infobox]] * [[Template:User infobox]] */ .portable-infobox { --pi-border-color: var(--theme-box-border-color); /* this variable is also used by some other rules not listed here */ border: 1px solid var(--pi-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; width: 21em; box-sizing: border-box; } .portable-infobox .pi-data, .portable-infobox .pi-group { border: none; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { color: var(--modetabs-text-color); text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--modetabs-background); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); } .portable-infobox .pi-title { font-weight: bold; font-size: 15px; padding: 6px 3px; line-height: 1.2; } .portable-infobox .pi-title + .pi-group, .portable-infobox .pi-group.pi-collapse-closed + .pi-group { margin-top: 4px; } .portable-infobox .pi-header { padding: 2px 0; } .portable-infobox .pi-secondary-font { font-size: 12px; line-height: 1.5; /* Set the font-family to the standard text font. "h3.pi-secondary-font" * elements (the "data labels" get a different font because they are "h3" * elements, but they should look the same as the "data value" elements. */ font-family: var(--font-family); } .portable-infobox .pi-navigation { background-color: transparent; border-top: 1px solid var(--pi-border-color); font-size: 11.5px; } .portable-infobox .pi-data.pi-item .pi-data-label { flex-basis: 120px; text-align: right; hyphens: unset; /* overwriting the default "hyphens:auto" */ } .portable-infobox .pi-group.pi-collapse .pi-header { cursor: pointer; } .portable-infobox .pi-image { margin: 6px; } .portable-infobox .pi-image img { max-width: 100%; height: auto; } .portable-infobox h2::after { /* Hide the line that is displayed below normal h2 elements by default */ display: none; } @media screen and (min-width: 720px) { .client-js .pi-collapse .pi-header:first-child { padding-right: 0; } } /********* [[Template:Item infobox]] *********/ .item.infobox { width: 21em; } .item.infobox .images { min-height: 50px; } .item.infobox .images .auto, .item.infobox .images .stack { position: absolute; right: 3px; } .item.infobox .images .auto { top: 3px; } .item.infobox .images .stack { bottom: 3px; } .item.infobox .images ul.infobox-inline > li { display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; vertical-align: middle; line-height: 2px; } .item.infobox .images ul.infobox-inline > li::before { content: ""; display: block; width: 1px; background: var(--theme-box-border-color); height: 80%; position: absolute; left: 0; top: 10%; } .item.infobox .images ul.infobox-inline > li:first-child { padding: 0 8px; } .item.infobox .images ul.infobox-inline > li:first-child::before { display: none; } .item.infobox .images ul.infobox-block > li { display: block; padding: 13px 0 0 0; margin: auto; position: relative; } .item.infobox .images ul.infobox-block > li::before { content: ""; display: block; height: 1px; background: var(--theme-box-border-color); width: 80%; position: absolute; left: 10%; top: 6px; } .item.infobox .images ul.infobox-block > li:first-child { padding-top: 0; } .item.infobox .images ul.infobox-block > li:first-child::before { display: none; } .item.infobox .images hr { background-color: var(--theme-box-border-color); margin: 0.5em 0; } .item.infobox .section { overflow: hidden; } .item.infobox .section.projectile, .item.infobox .section.mount { text-align: center; } .item.infobox .section.projectile .name, .item.infobox .section.mount .name { font-size: 10.5px; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .item.infobox .section.projectile .image, .item.infobox .section.mount .image { margin: 0.25em 0.5em 0.5em; } .item.infobox .section.projectile img { max-width: 100%; height: auto; } .item.infobox .section.projectile .name { margin-top: 0.25em; } .item.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .item.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .item.infobox .section.drop table { /* drop info section in item infobox */ margin-top: 6px; margin-bottom: 6px; } .item.infobox .section.drop .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" * rule for the contents of the sortable column headers */ background-image: unset; } .item.infobox .section.drop td { border-top: 1px solid var(--theme-box-border-color); } .item.infobox .section.drop td:first-child s { display: none; } .item.infobox .section.drop th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .item.infobox .section.drop th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .item.infobox .section.drop th:last-child.headerSort { padding-right: 21px; } .item.infobox .section.drop th:first-child, .item.infobox .section.drop td:first-child { text-align: left; width: 0; } .item.infobox .section.drop th:nth-child(2), .item.infobox .section.drop td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .item.infobox .section.drop th:last-child, .item.infobox .section.drop td:last-child { text-align: right; width: 0; min-width: 4em; } .item.infobox .section.drop .entity-name { display: flex; align-items: center; } .item.infobox .section.drop .entity-img img, .item.infobox .section.drop .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .item.infobox .section.drop .nodrop-note { text-align: center; padding-top: 6px; } .item.infobox .section.drop > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .item.infobox .section.drop > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .item.infobox .section.drop > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .item.infobox .section.drop > .mw-collapsible-toggle:after { content: ""; } .item.infobox ul.toolpower { padding: 6px 0; cursor: help; } .item.infobox ul.toolpower li { display: inline-block; padding: 0 0.5em; } .item.infobox ul.toolpower li > img { width: 16px; height: 16px; object-fit: cover; object-position: 0 0; filter: var(--ooui--icon-normal-filter); } .item.infobox ul.toolpower .zero { opacity: 0.5; } .item.infobox td.tvm { /* ammo pages: Total Velocity Multiplier line */ font-weight: bold; padding-left: 5px; } .item.infobox th.tvm, .item.infobox td.tvm { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .small-bold { /* Styling for damagetype and width/height. Use time and knockback use other * classes (.usetime, .knockback) but those have the same styling. */ font-size: 10.5px; font-weight: bold; } /********* [[Template:Npc infobox]] *********/ .npc.infobox { width: 21em; } .npc.infobox .section { overflow: hidden; } .npc.infobox .section.drops .drops.items { margin-top: 4px; margin-bottom: 0; } .npc.infobox .section.projectile { text-align: center; } .npc.infobox .section.projectile img { max-width: calc(100% - var(--padding) * 2); height: auto; } .npc.infobox .section.projectile .image { margin: 0.25em 0.5em 0.5em; } .npc.infobox .section.projectile .name { font-size: 10.5px; margin-top: 0.25em; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .npc.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .npc.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .npc.infobox .statistics table th { width: 6em; } .npc.infobox .immunities > div { margin: -1px; } .npc.infobox .immunities .i { margin: 1px; } .npc.infobox .drops td:first-child { text-align: left; } .npc.infobox .drops td:last-child { text-align: right; } .npc.infobox .drops th:first-child { text-align: left; border-right: 0; } .npc.infobox .drops.money table th { width: 1px; } .npc.infobox .drops.items li { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; padding: 3px 0; margin-bottom: auto; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; position: relative; } .npc.infobox .drops.items li:first-child { background: var(--modetabs-background); color: var(--modetabs-text-color); padding: 2px 6px; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li > div { display: block; } .npc.infobox .drops.items li > div:first-child { text-align: left; } .npc.infobox .drops.items li > div:last-child { text-align: right; } .npc.infobox .drops.items li.notebox { display: block; text-align: center; padding: 0; } .npc.infobox .drops.items li.notebox > div { text-align: center; border-width: 1px; border-style: dashed; border-color: rgba(var(--theme-border-color--rgb), 0.8); border-radius: 3px; margin: 3px auto; padding: 2px 0; } .npc.infobox .drops.items li.note-before, .npc.infobox .drops.items li.note-after { display: block; } .npc.infobox .drops.items li.note-before > div, .npc.infobox .drops.items li.note-after > div { text-align: center; } .npc.infobox .drops.items li.note-before { padding-bottom: 0; margin-bottom: -3px; } .npc.infobox .drops.items li.note-before + li { border-top: 0; } .npc.infobox .drops.items li.note-after { margin-top: -2px; border-top: 0; padding-top: 0; } .npc.infobox .drops.items li .i > span:first-of-type > div.note { /* note2 of {{item}}s in drops list */ font-size: 11px; line-height: 12px; } .npc.infobox .drops.items li.caption { line-height: 1.1; text-align: center; color: var(--modetabs-text-color); background: var(--modetabs-background); display: block; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li.caption.trsbg { /* "Treasure Bag contents" caption */ border-bottom-width: 2px; margin-bottom: 2px; padding-bottom: 5px; } .npc.infobox .drops.items li.caption.trsbg + li { border-top-width: 1px; border-top-style: solid; } .npc.infobox .drops.items li.caption + li.group { border-top-width: 0; } .npc.infobox .drops.items li.caption.group_end { padding-bottom: 5px; } .npc.infobox .drops.items li.group_end { border-bottom-width: 2px; position: relative; margin-bottom: 2px; } .npc.infobox .drops.items li.group { border-color: rgba(var(--theme-border-color--rgb), 0.35); } .npc.infobox .drops.items li.groupstart, .npc.infobox .drops.items li.groupend + li { border-top-width: 2px; } .npc.infobox .drops.items li.groupend { display: none; } .npc.infobox .drops.items li.loot { border-color: rgba(var(--theme-border-color--rgb), 0.35); margin-left: 1.5em; } .npc.infobox .drops.items li.loot:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 100px; background: var(--theme-text-color); position: absolute; left: -1em; top: 50%; transform: translateY(-50%); } .npc.infobox .drops.items li.loot.caption:before { display: none; } .npc.infobox .drops.items li.lootstart, .npc.infobox .drops.items li.lootend { display: none; } .npc.infobox table.drops.money span.money { display: block; } .npc.infobox table.drops.money span.sep { display: block; text-indent: -9999px; height: 1px; overflow: hidden; } ul.table-npcdrops { /* npc drops list in tableview */ text-align: left; margin: auto; } .table-npcdrops > li { list-style: none; margin-bottom: 2px; } .table-npcdrops > li:last-child { margin-bottom: auto; } .table-npcdrops > li > div { display: inline-block; } .table-npcdrops > li > div:last-child { margin-left: 0.25em; } .table-npcdrops > li > div:last-child:before { content: " ("; } .table-npcdrops > li > div:last-child:after { content: ")"; } .npc.infotable { display: grid; grid-template-columns: [tab-left table-left] auto [tab-right note-left] auto [note-right table-right]; grid-template-rows: [tab-start note-start] auto [tab-end note-end table-start] auto [table-end]; width: fit-content; max-width: 100%; } .npc.infotable th { /* "background-color" specifically is necessary here (instead of just * "background" because these "th" elements are potentially sortable. In * that case they are affected by the "th.headerSort" rule from * jquery-tablesorter, where "background-image" is set (for the little * arrow icons). Just "background" would overwrite that and hide the * arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); } .npc.infotable > .statnote { grid-column: note-left/note-right; grid-row: note-start/note-end; text-align: right; font-size: 10px; line-height: 14px; padding-right: 9px; color: var(--theme-text-color-note); } .npc.infotable.note-no > .statnote { display: none; } .npc.infotable.note-bottom { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable.note-bottom > .statnote { text-align: left; } @media screen and (max-width: 640px) { .npc.infotable { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable > .statnote { text-align: left; } } .npc.infotable > .table { grid-column: table-left/table-right; grid-row: table-start/table-end; z-index: 10; margin: 0; border: 1px solid var(--theme-box-border-color); border-radius: 0 8px 8px 8px; padding: 6px; width: 100%; overflow: hidden; } .npc.infotable > .table > table { margin: 0; } .npc.infotable > .table > table.terraria { margin-top: 0 !important; } .npc.infotable .modetabs { grid-column: tab-left/tab-right; grid-row: tab-start/tab-end; z-index: 20; } .npc.infotable .modetabs .tab { margin: 0 5px -1px 0; padding: 4px 1em; } .npc.infotable td.infobox-block span.npcstat, .npc.infotable td.infobox-block span.npcstat .s { display: block; } .npc.infotable td.infobox-block span.npcstat + br, .npc.infotable td.infobox-block span.npcstat .sep { display: none; } .npcstat .ssep { display: inline; padding-left: 0.5em; padding-right: 0.5em; } .npc.infobox .npcstat .ssep, .npc.infotable .npcstat .ssep { display: none; } .npcstat span.prefix, .npcstat span.postfix { display: inline; color: var(--theme-text-color-note); font-weight: normal; font-size: 0.85em; } .npcstat.prefix .s, .npcstat.postfix .s { display: block; } /********* [[Template:Drop infobox]] *********/ .drop.infobox .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" rule * for the contents of the sortable column headers */ background-image: unset; } .drop.infobox table { margin-top: 6px; margin-bottom: 6px; } .drop.infobox td { border-top: 1px solid var(--theme-box-border-color); } .drop.infobox td:first-child s { display: none; } .drop.infobox th:first-child, .drop.infobox td:first-child { text-align: left; width: 0; } .drop.infobox th:nth-child(2), .drop.infobox td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .drop.infobox th:last-child, .drop.infobox td:last-child { text-align: right; width: 0; min-width: 4em; } .drop.infobox th { /* "background-color" specifically is necessary here (instead of just * "background" because these sortable "th" elements have a "th.headerSort" * rule from jquery-tablesorter, where "background-image" is set (for * the little arrow icons). Just "background" would overwrite that and * hide the arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); border-bottom: 1px var(--modetabs-border-color) solid; border-right: 0; padding: 2px 5px; } .drop.infobox th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .drop.infobox th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .drop.infobox th:last-child.headerSort { padding-right: 21px; } .drop.infobox .entity-name { display: flex; align-items: center; } .drop.infobox .entity-img img, .drop.infobox .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .drop.infobox .nodrop-note { text-align: center; padding-top: 6px; } .drop.infobox > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .drop.infobox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .drop.infobox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .drop.infobox > .mw-collapsible-toggle:after { content: ""; } /********* [[Template:Infobox wrapper]] *********/ .infobox-wrapper.float-right { float: right; margin-left: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-right { float: none; margin-left: auto; } } .infobox-wrapper.float-left { float: left; margin-right: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-left { float: none; margin-right: auto; } } .infobox-wrapper.float-none { float: none; } .infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none { float: none; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none { float: none; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } cf281bae7994e251c98d69f2a39a835395396793 347 346 2025-07-10T00:17:30Z Squeaker 434557 i am lost man css text/css /* Import common CSS from the vanilla Terraria Wiki: * @import url(https://terraria.wiki.gg/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css); * Below is snap of https://terraria.wiki.gg/wiki/MediaWiki:Common.css?oldid=931214 */ /******************************************************************************* * * * COMMON.CSS * * * *******************************************************************************/ /* * This page contains the entire stylesheet for the Terraria Wiki. * Import this CSS in a language wiki or the Terraria Mods Wiki via the following line: @import url(https://terraria.wiki.gg/load.php?lang=en&modules=site.styles&only=styles&skin=vector); * * Please do not edit this page directly! * This page was compiled from a series of SCSS files (https://sass-lang.com); * edit those instead and recompile this page. See [[Terraria Wiki:CSS]] to learn more. * * For the stylesheets of the different themes ([[Terraria Wiki:Themes]]), see: * - [[MediaWiki:Theme-Underground.css]] * - [[MediaWiki:Theme-Snow.css]] * - [[MediaWiki:Theme-Jungle.css]] * - [[MediaWiki:Theme-Hallowed.css]] * - [[MediaWiki:Theme-Crimson.css]] * - [[MediaWiki:Theme-Corruption.css]] * - [[MediaWiki:Theme-Legacy.css]] * * For a basic introduction to styling with CSS, see https://www.mediawiki.org/wiki/Manual:CSS */ :root { --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; /* https://www.iconfinder.com/icons/7422432/wikipedia_wiki_encyclopedia_knowledge_education_icon */ --icon-wiki: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Wikipedia'%3E%3Cpath d='M32.59,12.32a.46.46,0,0,1-.08.25.26.26,0,0,1-.19.11,2.34,2.34,0,0,0-1.35.53,5,5,0,0,0-1.09,1.73L24.16,27.82c0,.12-.14.18-.31.18a.33.33,0,0,1-.31-.18l-3.21-6.7-3.69,6.7a.34.34,0,0,1-.31.18.34.34,0,0,1-.33-.18L10.39,14.94a4.37,4.37,0,0,0-1.11-1.67,3,3,0,0,0-1.63-.59.19.19,0,0,1-.16-.1.29.29,0,0,1-.08-.22c0-.21.06-.31.18-.31.5,0,1,0,1.57.07s1,.07,1.43.07,1,0,1.61-.07,1.23-.07,1.73-.07c.12,0,.18.1.18.31s0,.32-.11.32a2.09,2.09,0,0,0-1.18.38,1,1,0,0,0-.44.85,1.72,1.72,0,0,0,.18.67L17.2,25.06l2.64-5-2.46-5.15a6.87,6.87,0,0,0-1.08-1.78A2.25,2.25,0,0,0,15,12.68a.17.17,0,0,1-.15-.1.33.33,0,0,1-.08-.22c0-.21.05-.31.16-.31a11.78,11.78,0,0,1,1.38.07,12.87,12.87,0,0,0,1.29.07c.45,0,.92,0,1.42-.07s1-.07,1.52-.07c.12,0,.18.1.18.31s0,.32-.11.32c-1,.07-1.5.35-1.5.85a2.8,2.8,0,0,0,.35,1l1.62,3.3,1.62-3A2.43,2.43,0,0,0,23,13.78c0-.69-.5-1.06-1.5-1.1-.09,0-.13-.11-.13-.32a.42.42,0,0,1,.06-.21c.05-.07.09-.1.14-.1.36,0,.8,0,1.32.07s.91.07,1.23.07.58,0,1-.06,1.05-.08,1.43-.08c.09,0,.13.09.13.27s-.08.36-.24.36a2.81,2.81,0,0,0-1.41.48,6.12,6.12,0,0,0-1.33,1.78l-2.15,4,2.91,5.94,4.31-10a2.64,2.64,0,0,0,.22-1c0-.73-.5-1.12-1.5-1.16-.09,0-.14-.11-.14-.32s.07-.31.21-.31c.36,0,.8,0,1.3.07s.85.07,1.16.07.71,0,1.14-.07a11.09,11.09,0,0,1,1.22-.07Q32.59,12.05,32.59,12.32Z'/%3E%3C/g%3E%3C/svg%3E"); /* https://www.iconfinder.com/icons/8678406/brush_paint_painting_icon */ --icon-brush: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.456 9.678l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246zM13.29 6.216l4.939-3.841a1 1 0 0 1 1.32.082l2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c3.98-3 3.047-4.81 3.5-6.5 1.058-3.95 4.842-6.257 8.789-5.284zm3.413 1.879c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746-3.182 2.475 1.125 1.125z'/%3E%3C/g%3E%3C/svg%3E"); /* icons below are from https://tabler-icons.io/ */ --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } @media screen and (min-width: 2472px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 2200px; } } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { display: table; white-space: unset; /* be set to `nowrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } body, code { background: none; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } /*********************************************************************************************************** * base CSS styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: var(--font-family); color: var(--theme-text-color); } /* Text color */ #content { color: var(--theme-text-color); } html { background: var(--theme-site-background); /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ overflow-y: scroll; } body { font-size: var(--font-size); line-height: var(--line-height); } ul, ol { margin: 2px 0 2px 1.5em; } ul { list-style-image: none; } li { margin: 0 0 2px 0; } small { font-size: var(--font-size-s); line-height: var(--line-height-s); } sup, sub { font-size: var(--font-size-s); } /* Code styling, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#164 * (not sure about the purpose of ".mw-code", it only seems to be used on very * long Lua pages like [[Module:Exclusive/data]]) * (looks like ".mw-code" can also be used manually on pages to mimic <pre> * styling while still respecting wikicode; see [[Help:Displaying code text]]) */ pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-box-border-color-light); } pre, .mw-code { background-color: var(--theme-box-background); } /* Break really long words when they overflow to the next line. * By default this is only applied to pre and .mw-code, not code: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#177 */ code { word-wrap: break-word; } fieldset { border-width: 2px; border-color: var(--theme-border-color); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* Blockquotes, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/master/resources/common/typography.less */ .vector-body blockquote { border-left-color: var(--oouihelper--themerelated-lighter-transparent); padding-left: 24px; } /*********************************************************************************************************/ /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* "Note text" color */ .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#230 */ .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .fullheight, .full-height { height: 100%; } .nowrap { white-space: nowrap; } /* The default ".center" class has a "width:100%" style, see here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#219 * We don't always want that, so we're using a different, new class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* floating */ .float-right { float: right; margin: 0 0 var(--layout-gap) var(--layout-gap); } .float-left { float: left; margin: 0 var(--layout-gap) var(--layout-gap) 0; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } /* Theme-aware color for icons (black for light themes, white for dark themes) */ .blackwhite-icon { filter: var(--ooui--icon-normal-filter); } /* Invert for dark theme -- deprecated, please use ".blackwhite-icon" */ .dark-invert { filter: invert(1); } /* Invert class */ .invert { filter: invert(1); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#55 */ hr { height: 0; background: none; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin: 4px 0; } hr.space { height: 4px; background: none; border: 0; } hr.incell-border { /* border inside a table cell */ margin: 0.7em 0; background-color: var(--theme-box-border-color); } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: " • "; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: " ("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ". "; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li, dt, dd):not(:has(:is(li, dt, dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: 100px; /* scroll offset */ } body { height: auto; margin: 0 !important; /* fix for some contexts such as SearchDigest popup dialog */ } /*** main grid container ***/ body { /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--wikigg-header-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end] var(--layout-footerspace) [body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head, #mw-head-base { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some pages such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel, #mw-panel * { box-sizing: border-box; } #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 6px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel #t-print { /* hide the "Printable version" link. */ display: none; } #mw-panel a:not(:focus) { /* remove the underline from links, unless the links are focused (accessibility: focused links must be distinguishable in some way) */ text-decoration: none; } #mw-panel .menu-toggle { display: none; } #mw-panel .mw-portlet { /* section box */ border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-section-background); margin: 0; padding: 0; } #mw-panel .mw-portlet .vector-menu-heading { /* section heading */ border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; background: var(--theme-heading-background); margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } #mw-panel .mw-portlet .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); transform: scaleY(-1); } .client-nojs #mw-panel .mw-portlet .vector-menu-heading { /* the cursor should not be pointer if JavaScript is disabled * (because the heading can't be clicked in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ cursor: unset; } .client-nojs #mw-panel .mw-portlet .vector-menu-heading::after { /* don't display the arrow if JavaScript is disabled (because * the heading can't be collapsed in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ display: none; } #mw-panel .mw-portlet:hover .vector-menu-heading::after { background-color: var(--theme-icon-color-hover); } #mw-panel .mw-portlet.collapsed .vector-menu-heading::after { transform: none; } #mw-panel #p-logo + .mw-portlet, #mw-panel .menu-toggle + .mw-portlet { /* first section */ position: relative; /* for the "grass" */ } #mw-panel #p-logo + .mw-portlet .vector-menu-heading, #mw-panel .menu-toggle + .mw-portlet .vector-menu-heading { /* show the heading of first section */ display: flex; } #mw-panel #p-logo + .mw-portlet::before, #mw-panel .menu-toggle + .mw-portlet::before { /* the "grass" */ content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .mw-portlet border width */ margin-top: -1px; /* compensate .mw-portlet border width */ left: -1px; } #mw-panel .mw-portlet .body { /* list body */ background: none; border: 0; padding: 0; margin: 0; } #mw-panel .mw-portlet .body::before { /* line between header and body */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); } #mw-panel .mw-portlet .body ul { padding: 4px; } #mw-panel .mw-portlet .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: calc(var(--list-body-font-size) + 2px); border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-panel .mw-portlet .body li:hover { background: var(--theme-highlight-background); } #mw-panel .mw-portlet .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .mw-portlet .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .mw-portlet .body li a:hover { color: var(--theme-link-color-hover); } #mw-panel .mw-portlet .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** #mw-head (navbar) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; box-sizing: border-box; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --layout-content-size-toggle-gap-left: 4px; --layout-content-size-toggle-gap-right: 5px; --tab-padding-x: 12px; --tab-padding-y: 4px; --icon-size: 1em; --icon-margin: 3px; top: unset; /* reset for under 720/960px */ box-sizing: border-box; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: stretch; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; border-bottom: 1px solid var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #nav-content-size-toggle { flex: 0 0 auto; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before { flex: 0 0 calc(var(--layout-content-size-toggle-gap-left) + 22px + var(--layout-content-size-toggle-gap-right)); /* for sidebar toggle button */ } #mw-head #right-navigation::after { flex: 0 0 calc(var(--layout-padding) - var(--layout-gap)); /* last item of #right-navigation has margin-right:var(--layout-gap) */ } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: stretch; } /* tab */ #mw-head { --theme-tab-border-radius: var(--theme-widget-border-radius); --theme-tab-border-style: solid; --theme-tab-border-left-width: 1px; --theme-tab-border-right-width: 1px; --theme-tab-border-top-width: 1px; --theme-tab-border-bottom-width: 1px; --theme-tab-border-width: var(--theme-tab-border-top-width) var(--theme-tab-border-right-width) var(--theme-tab-border-bottom-width) var(--theme-tab-border-left-width); --theme-tab-border-bottom-color: var(--theme-border-bottom-color); --theme-tab-border-bottom: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) var(--theme-tab-border-bottom-color); --theme-tab-border-bottom-selected: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ height: auto; border-bottom: var(--theme-tab-border-bottom); position: relative; padding-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* inset shadow */ content: ""; display: block; pointer-events: none; width: 100%; height: 100%; background: var(--theme-background-shadow); position: absolute; right: 0; bottom: 0; } #mw-head .vector-menu-tabs .mw-list-item.icon, #mw-head .vector-menu-dropdown.icon { display: flex; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); background: var(--theme-tab-background); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color-selected); border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; padding-right: 0; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item.selected::after { /* gap */ width: var(--layout-gap); right: auto; left: 100%; margin: 0 0 0 var(--theme-tab-border-left-width); /* left offset */ border-bottom: var(--theme-tab-border-bottom); } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-tab-border-bottom-selected); background: none; color: var(--theme-text-color); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { all: unset; /* arrow icon */ content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; margin-top: 0; white-space: nowrap; z-index: 999; } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li { border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--layout-dropdown-item-padding-y) var(--layout-dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* "more" menu */ #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: var(--layout-gap); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: var(--icon-star-empty); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: var(--icon-star-filled); } /*** search form ***/ #mw-head #p-search { --theme-border-radius: 2px; --theme-background: var(--theme-tab-background); --theme-background-active: var(--theme-tab-background-selected); --theme-border-color: var(--theme-legacy-search-border-color); --theme-border-color-active: var(--theme-legacy-search-border-color-active); background: var(--theme-background-shadow); border: 0; border-bottom: 1px solid var(--theme-border-bottom-color); margin: 0; padding: 1px var(--layout-gap) 0 2px; } #mw-head #p-search > div { display: flex; align-items: flex-start; height: 100%; } #mw-head #p-search form { margin: 0; overflow: hidden; width: auto; opacity: unset; align-self: stretch; padding-bottom: var(--layout-gap); } #mw-head #p-search #simpleSearch { margin: 0; width: 50vw; max-width: 15em; display: flex; } #mw-head #p-search .vector-search-box-input { height: unset; padding: 0 26px 0 4px; box-shadow: none; caret-color: var(--theme-text-color); align-self: stretch; border-radius: var(--theme-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-border-color); background: var(--theme-background); color: var(--theme-text-color); } #mw-head #p-search .vector-search-box-input:focus { outline: 0; border-color: var(--theme-border-color-active); } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: var(--icon-search) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 19px 19px; mask-size: 19px 19px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head #p-search .searchButton:hover { background-color: var(--theme-icon-color-hover); } #mw-head #p-search .searchButton.mw-fallbackSearchButton { opacity: 0; } /*** search result suggestions ***/ .suggestions { border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 0; border-bottom: 1px solid var(--theme-border-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; line-height: unset; } .suggestions .suggestions-special { margin: 0; border: 0; line-height: unset; padding: 2px 4px 4px; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-text-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); } #nav-content-size-toggle { display: none; } @media screen and (min-width: 1367px) { /*** sidebar toggle ***/ #nav-content-size-toggle { display: flex; padding-left: var(--layout-content-size-toggle-gap-left); margin-right: calc(0px - var(--layout-content-size-toggle-gap-left) - 22px); /* effective width = 0 */ } #nav-content-size-toggle span { align-self: center; display: block; width: 22px; height: 22px; cursor: pointer; --mask: var(--icon-sidebar-collapse) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } .content-size-expanded #nav-content-size-toggle span { --mask: var(--icon-sidebar-expand) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } .content-size-expanded #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } /* expanded */ body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right nav-left content-left footer-left] var(--layout-sidebar-width) var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } /****** main content box ******/ /* font */ .vector-body { font-size: inherit; /* reset */ line-height: inherit; } /** layout **/ #content { color: inherit; padding: 0; display: flex; flex-direction: column; background: var(--theme-background); border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /*** main heading section ***/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/REL1_43/resources/skins.vector.styles.legacy/layouts/screen.less#46 */ .mw-body .firstHeading { /* fix scroll-x issue for narrow width */ overflow: hidden; } /* the " < rootpage < page " crumb */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/interface-subtitle.less#6 */ #contentSub, #contentSub2 { font-size: 12px; line-height: 20px; margin: 0; color: var(--theme-text-color-note); } /* custom "back-arrows" */ #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the line between heading section and content body box */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 20em; } /********* Catlinks *********/ /* "Categories:" box at the bottom of the page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.skinning/interface.category.less */ .catlinks { border-color: var(--theme-border-color); border-radius: var(--theme-widget-border-radius); background: var(--theme-background); padding: 6px 12px; margin: var(--layout-padding-y) 0 0 0; } .catlinks li { border-left-color: var(--theme-border-color-accent); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) 0 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 var(--layout-padding-x) var(--layout-padding-y) 0; } /********* TablePager *********/ /* Data tables, used on e.g. Special:ListFiles */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.pager.styles/DataTable.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.pager.styles/TablePager.less */ .mw-datatable { border-color: var(--oouihelper--borderdark); } .mw-datatable td, .mw-datatable th { border-color: var(--oouihelper--borderdark); } .mw-datatable th { background-color: var(--oouihelper--textinput-background-darker); } .mw-datatable td { background-color: var(--oouihelper--textinput-background); } .mw-datatable tr:hover td { background-color: var(--oouihelper--textinput-background-lighter); } /********* Indicators *********/ /* The section with the little icons on the top right, e.g. the help icon on category pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/interface-indicators.less */ .mw-body .mw-indicators { z-index: 0; } .mw-body .mw-indicator { vertical-align: middle; } /****** #footer (copyright info) ******/ #footer { font-size: var(--font-size-s); line-height: 1.5; background: var(--theme-background); padding: var(--layout-padding-y) var(--layout-padding-y); border-radius: 0 0 var(--theme-widget-border-radius) var(--theme-widget-border-radius); border-width: 0 1px 1px; border-style: solid; border-color: var(--theme-widget-border-color); box-shadow: var(--theme-inner-shadow); z-index: 0; /* covered by content */ } #footer * { font-size: inherit; } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer #footer-icons a { background-image: none; color: #000; } /* background box for nav+content+#footer */ #mw-page-base { box-shadow: var(--theme-widget-shadow); border-radius: var(--theme-widget-border-radius); background: none; z-index: -1; } #mw-head, #content, #footer { margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /* the "grass" for main box */ #mw-head-base { margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: relative; top: var(--theme-top-background-offset); z-index: 1; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1366px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] var(--wikigg-header-height) [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end] var(--layout-footerspace) [body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-items: flex-end; align-self: end; height: min-content; padding: 0 4px; border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 100; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { padding: 12px 8px 9px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { transform: scaleY(1); /* normalize arrow direction */ margin-left: 3px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body::before { display: none; } #mw-panel .portal .body li { line-height: unset; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel #p-logo + .portal::before { /* hide the "grass" for first section */ display: none; } #mw-panel::before { content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .portal border width */ margin-top: -1px; /* compensate .portal border width */ left: -1px; z-index: 1; } #mw-head #p-search { position: absolute; z-index: 101; top: -45px; background: none; border: 0; padding: 0 var(--layout-padding) 0 0; } /* remove the "grass" from main box */ #mw-head-base { display: none; } /* no sidebar toggle now. */ #mw-head #left-navigation::before { flex: 0 0 var(--layout-padding); } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } } /* screen and (max-width: 1366px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; --layout-box-gap: 6px; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } /* the "grass" size fix */ #mw-panel::before { padding: 0; left: 0; } #mw-panel { display: block; height: 41px; } #mw-panel .menu-toggle { --mask: var(--icon-category) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 9px 12px 6px; } #mw-panel .portal { display: none; background: var(--theme-dropdown-background); border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; box-shadow: none; padding: 0 0 8px; width: 100%; } #mw-panel .portal .body ul { padding: 0 12px; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel #p-logo + .portal .vector-menu-heading { padding-top: 8px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-panel #p-lang { /* "languages"*/ display: block; justify-content: flex-end; position: absolute; left: 48px; top: 9px; background: none; } #mw-panel #p-lang .vector-menu-heading { margin: 0; padding: 0; width: 24px; height: 24px; } #mw-panel #p-lang .vector-menu-heading span { display: none; } #mw-panel #p-lang .vector-menu-heading::before { content: ""; display: block; pointer-events: none; --mask: var(--icon-language) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); width: 24px; height: 24px; margin: 0; } #mw-panel #p-lang .body { display: none !important; position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 6px; } #mw-panel #p-lang .body ul { display: block; padding: 4px 4px 0 4px; } #mw-panel #p-lang.expanded .body { display: block !important; } #mw-head #p-search { top: -45px; } #mw-head #p-search #simpleSearch { width: 65vw; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* navbar tabs to icons */ #mw-head { --icon: var(--icon-wiki); --icon-size: 18px; --icon-margin: 2px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: var(--icon-edit); } #ca-view, #ca-view-foreign { --icon: var(--icon-eye); } #left-navigation li[id^=ca-nstab-] { --icon: var(--icon-doc); } #left-navigation #ca-nstab-legacy { --icon: var(--icon-legacy); } #ca-history { --icon: var(--icon-history); } #ca-talk { --icon: var(--icon-talk); } #t-contributions { --icon: var(--icon-jigsaw); } #ca-addsection { --icon: var(--icon-pencil-plus); } #ca-viewsource { --icon: var(--icon-code); } #p-variants { --icon: var(--icon-globe); } #p-cactions { --icon: var(--icon-more); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:600px) */ /***** Notification area *****/ /* Notification boxes on the right, e.g. after patrolling an edit. * Introduction: https://www.mediawiki.org/wiki/Bubble_notifications */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/common.css * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/default.css */ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); transform: none; } .mw-notification.mw-notification-type-error { border-color: var(--theme-notice-red-border-color); color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { border-color: var(--theme-notice-orange-border-color); color: var(--theme-notice-orange-text-color); } .mw-notification.mw-notification-type-success { border-color: var(--theme-notice-green-border-color); color: var(--ooui--messagewidget-success-color); } /********* Collapsible elements *********/ /* Documentation of jquery.makeCollapsible: * https://www.mediawiki.org/wiki/Manual:Collapsible_elements * https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#jquery.makeCollapsible */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/jquery/jquery.makeCollapsible.less#16 */ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } .mw-collapsible-toggle-default .mw-collapsible-text:active, .mw-collapsible-toggle-default .mw-collapsible-text:hover { color: var(--theme-link-color-hover); } .mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { color: var(--theme-text-color); } /* Define custom classes "mw-collapsible-alignbtnright", "mw-collapsible-alignbtnleft": * For floating the "Collapse"/"Expand" link (instead of always right next to text) */ .mw-collapsible-alignbtnright .mw-collapsible-toggle { float: right !important; } .mw-collapsible-alignbtnleft .mw-collapsible-toggle { float: left !important; } /* Define a custom class "mw-collapsible-nofloat": * To forcibly prevent floating altogether */ .mw-collapsible-nofloat .mw-collapsible-toggle { float: none; } /* Define a custom class "plaincollapse": * Removes brackets from collapse/expand links and makes the text bold */ /* only apply to immediate children (".plaincollapse > ") to allow nesting */ .plaincollapse > .mw-collapsible-toggle-default .mw-collapsible-text { font-weight: bold; } .plaincollapse > .mw-collapsible-toggle-default::before, .plaincollapse > .mw-collapsible-toggle-default::after { color: transparent; } /********* Usermessage *********/ /* Box at the top of all pages when the user has a new message on their User_talk: page: * https://meta.wikimedia.org/wiki/New_messages_notification */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/interface-user-message.less */ .usermessage { border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); border-color: var(--theme-notice-yellow-border-color); background: var(--theme-notice-yellow-background-color); color: var(--theme-text-color); } /********* Message boxes *********/ /* Various boxes * * Prior to MediaWiki 1.43, these were used e.g. for the warning when previewing * a page. In MediaWiki 1.43, that was changed to Codex messages (".cdx-message") * and now it looks like they're no longer used for anything. * * Also, ".{message|error|warning|success}box" are fully deprecated already since * MediaWiki 1.39, see: * https://phabricator.wikimedia.org/T300306 * https://phabricator.wikimedia.org/T270796 * https://phabricator.wikimedia.org/T300314 */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.skinning/messageBoxes.less */ .messagebox, .errorbox, .warningbox, .successbox, .mw-message-box, .mw-message-box-warning, .mw-message-box-error, .mw-message-box-success { color: var(--theme-text-color); } .messagebox, .mw-message-box { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .errorbox, .mw-message-box-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .warningbox, .mw-message-box-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .successbox, .mw-message-box-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } /********* Spinner *********/ /* e.g. when patrolling an edit */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/jquery.spinner/spinner.less#61 */ .mw-spinner-container > div::after { background: var(--theme-text-color-em); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: " "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { content: ""; display: block; pointer-events: none; box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); width: 20px; height: 100%; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * CSS for pages in the "MediaWiki:" or "Special:" namespace, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* mediawiki.ui *********/ /********* mediawiki.ui.button *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.button/button.less */ /* the rules here can seem a bit strange/redundant/counter-intuitive, but that's necessary to overwrite the default styling */ .mw-ui-button { border-radius: 4px; background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); } .mw-ui-button:not(:disabled) { box-shadow: var(--ooui--button-box-shadow); transition: none; } .mw-ui-button:not(:disabled):visited { color: var(--ooui--button-color); } .mw-ui-button:not(:disabled):hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .mw-ui-button:not(:disabled):focus { color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .mw-ui-button:disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .mw-ui-button.mw-ui-quiet:not(:disabled), .mw-ui-button.mw-ui-quiet.mw-ui-progressive:not(:disabled), .mw-ui-button.mw-ui-quiet.mw-ui-destructive:not(:disabled) { border-radius: 0; background: unset; color: var(--ooui--button-color); border-width: 0; box-shadow: none; } .mw-ui-button.mw-ui-quiet:not(:disabled):hover, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:not(:disabled):hover, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:not(:disabled):hover { background: unset; color: var(--ooui--button-color--hover); border-width: 0; } .mw-ui-button.mw-ui-quiet:not(:disabled):focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:not(:disabled):focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:not(:disabled):focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .mw-ui-button.mw-ui-quiet:not(:disabled):active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:not(:disabled):active { background: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .mw-ui-button.mw-ui-quiet:disabled, .mw-ui-button.mw-ui-quiet:disabled:hover, .mw-ui-button.mw-ui-quiet:disabled:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled:hover, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled:hover, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled:active { border-radius: 0; background: unset; color: var(--ooui--button-disabled-color); border-width: 0; box-shadow: none; } .mw-ui-button.mw-ui-progressive:not(:disabled) { border-radius: 4px; background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); border-color: var(--ooui--button-progressive-primary-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .mw-ui-button.mw-ui-progressive:not(:disabled):active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); border-color: var(--ooui--button-progressive-primary-border-color); } .mw-ui-button.mw-ui-progressive:disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:not(:disabled) { color: var(--ooui--button-progressive-color); } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:not(:disabled):hover { color: var(--ooui--button-progressive-color--hover); } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:not(:disabled):focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:not(:disabled):active { color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .mw-ui-button.mw-ui-destructive:not(:disabled) { border-radius: 4px; background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); border-color: var(--ooui--button-destructive-primary-border-color); } .mw-ui-button.mw-ui-destructive:not(:disabled):hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-destructive-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } .mw-ui-button.mw-ui-destructive:not(:disabled):focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .mw-ui-button.mw-ui-destructive:not(:disabled):active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); border-color: var(--ooui--button-destructive-primary-border-color); } .mw-ui-button.mw-ui-destructive:disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:not(:disabled) { color: var(--ooui--button-destructive-color); } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:not(:disabled):hover { color: var(--ooui--button-destructive-color--hover); } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:not(:disabled):focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:not(:disabled):active { color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } input[type=submit].mw-ui-button { /* this is necessary because of a rule in base.scss */ color: var(--ooui--button-color); } /********* mediawiki.ui.checkbox *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.checkbox/checkbox.less */ .mw-ui-checkbox [type=checkbox] + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; } .mw-ui-checkbox [type=checkbox]:checked + label::before { background-image: none; background-size: 1em 1em; } .mw-ui-checkbox [type=checkbox]:enabled + label::before { border-color: var(--ooui--checkbox-border-color); } .mw-ui-checkbox [type=checkbox]:enabled:focus + label::before { border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); outline: 0; } .mw-ui-checkbox [type=checkbox]:enabled:hover + label::before { border-color: var(--ooui--checkbox-border-color--hover); } .mw-ui-checkbox [type=checkbox]:enabled:active + label::before { background-color: var(--ooui--checkbox-border-color); border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .mw-ui-checkbox [type=checkbox]:enabled:checked + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .mw-ui-checkbox [type=checkbox]:enabled:checked:focus + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .mw-ui-checkbox [type=checkbox]:enabled:checked:hover + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color--hover); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon--hover); } .mw-ui-checkbox [type=checkbox]:enabled:checked:active + label::before { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .mw-ui-checkbox [type=checkbox]:disabled + label::before { background-color: var(--ooui--checkbox-disabled-background-color); border-color: var(--ooui--checkbox-border-color); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } /********* mediawiki.ui.icon *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.icon/icons-2.less */ .mw-ui-icon-before::before { filter: var(--ooui--icon-normal-filter); } /********* mediawiki.ui.input *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.input/input.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.less/mediawiki.mixins.less */ .mw-ui-input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-ui-input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-ui-input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-ui-input::placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-ui-input:not(:disabled) { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .mw-ui-input:not(:disabled):hover { border-color: var(--ooui--textarea-border-color--hover); } .mw-ui-input:not(:disabled):focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: none; outline: 0; } .mw-ui-input:disabled { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /********* mediawiki.widgets *********/ /********* mediawiki.widgets.CalendarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.widgets/mw.widgets.CalendarWidget.less */ .mw-widget-calendarWidget { border-color: var(--ooui--textarea-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); outline: 0; } .mw-widget-calendarWidget-day { color: var(--theme-text-color); } .mw-widget-calendarWidget-day-heading { color: var(--theme-text-color-em); } .mw-widget-calendarWidget-day-additional { color: var(--oouihelper--disabled-lighter-transparent); } .mw-widget-calendarWidget-day-additional:hover { color: var(--theme-text-color-em); } .mw-widget-calendarWidget-day-today { border: 1px solid var(--oouihelper--progressive-transparent); box-shadow: none; } .mw-widget-calendarWidget-item:hover { background-color: var(--oouihelper--textinput-background-lighter); color: var(--theme-text-color-em); } .mw-widget-calendarWidget-item-selected { background-color: var(--oouihelper--textinput-background-darker); color: var(--oouihelper--progressive); } /********* mediawiki.widgets.DateInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less */ .mw-widget-dateInputWidget-calendar { background-color: var(--oouihelper--text-background); box-shadow: none; } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle { color: var(--ooui--textarea-placeholder-color); } .mw-widget-dateInputWidget.oo-ui-flaggedElement-invalid .mw-widget-dateInputWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--ooui--textarea-border-color--hover); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) ~ .mw-widget-dateInputWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); } .mw-widget-dateInputWidget.oo-ui-widget-disabled .mw-widget-dateInputWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.styles.less */ .mw-widget-dateInputWidget-handle { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle { box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--ooui--textarea-border-color--hover); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { outline: 0; border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } /********* mediawiki.widgets.datetime *********/ /********* mediawiki.widgets.datetime/CalendarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.widgets.datetime/CalendarWidget.less */ .mw-widgets-datetime-calendarWidget { background-color: var(--theme-background); border-color: var(--ooui--textarea-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell .oo-ui-buttonElement-button { border-color: var(--oouihelper--borderdark); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button:hover .oo-ui-labelElement-label { color: var(--theme-text-color-em); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button { background-color: var(--oouihelper--textinput-background-darker); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: var(--oouihelper--progressive); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--oouihelper--textinput-background-lighter); color: var(--theme-text-color-em); border-color: var(--oouihelper--borderdark-hover); } .mw-widgets-datetime-calendarWidget:focus .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-focused .oo-ui-buttonElement-button { border-color: var(--oouihelper--borderdark-focus); } /********* mediawiki.widgets.datetime/DateTimeInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.widgets.datetime/DateTimeInputWidget.less */ .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget-editField .mw-widgets-datetime-dateTimeInputWidget-invalid { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget-editField .mw-widgets-datetime-dateTimeInputWidget-invalid:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget-empty .mw-widgets-datetime-dateTimeInputWidget-handle { color: var(--ooui--textarea-placeholder-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--ooui--textarea-border-color--hover); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input, .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea { border-color: var(--ooui--textarea-border-color--hover); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--oouihelper--textinput-background-lighter); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:focus { box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .mw-widgets-datetime-dateTimeInputWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .mw-widgets-datetime-dateTimeInputWidget-handle:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: none; } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-disabled .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); border-color: var(--ooui--textarea-disabled-border-color); text-shadow: none; } /* -------------------------------------------------------------------------------- * ===================================== OOUI ===================================== * -------------------------------------------------------------------------------- * OOUI ([[mw:OOUI]]) is a library that is used by MediaWiki to provide "widgets, * layouts, and windows". This includes various interface elements, like buttons, * text input fields, checkboxes, radio buttons, etc. For instance, the entire * form at the top of [[Special:AllPages]] consists of OOUI elements. See * https://doc.wikimedia.org/oojs-ui/master/demos for a demo of almost everything * OOUI provides. A local adaptation of that demo is at [[Terraria Wiki:OOUI demo]], * where our custom OOUI styling can be tested out with the different themes. * * As with all of our customization of MediaWiki styling, the file structure and * contents are kept as close to the original as possible, for easier maintainability. * For OOUI, it is notable that the rules defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles * usually only concern very basic styling, which we don't need to adjust. Instead, * the more interesting styles with colors, border radii, etc. are defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui * * Only default OOUI styles (those from the links above) are customized here. Some * other parts of MediaWiki like RCFilters ([[mw:RCFilters]]) and especially certain * extensions also affect OOUI, but those styles belong in their respective files. * -------------------------------------------------------------------------------- */ /********* OOUI: MessageDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/MessageDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-title { color: var(--theme-text-color); } .oo-ui-messageDialog-message { color: var(--theme-text-color); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { border-bottom-color: var(--ooui--dialog-border-color--lighter); } /********* OOUI: ProcessDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/ProcessDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-right-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); border-right: var(--ooui--button-border-right--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } /* button hover border fixes */ .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active { border-top: var(--ooui--button-border-top--hover); border-bottom: var(--ooui--button-border-bottom--hover); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right: var(--ooui--button-border-right--hover); border-left: var(--ooui--button-border-left--hover); } /********* OOUI: ButtonElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/ButtonElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--ooui--button-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: unset; color: var(--ooui--button-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { color: var(--ooui--button-disabled-color); } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { border-radius: 4px; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } /********* OOUI: PendingElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/PendingElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--textarea-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--textarea-pending-background-color-2) 50%, var(--ooui--textarea-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: icons *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/IconElement.less */ .oo-ui-iconElement-icon { filter: var(--ooui--icon-normal-filter); } /* the six "icon variants" invert/progressive/destructive/error/warning/success are defined in icons-*.json in this directory: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/ * but the colors are set to the same values in every file: * invert: #fff * progressive: #36c * destructive #d33 * error #d33 * warning #edab00 * success #14866d */ .oo-ui-iconElement-icon.oo-ui-image-invert { filter: var(--ooui--icon-invert-filter); } .oo-ui-iconElement-icon.oo-ui-image-progressive { filter: var(--ooui--icon-progressive-filter); } .oo-ui-iconElement-icon.oo-ui-image-destructive { filter: var(--ooui--icon-destructive-filter); } .oo-ui-iconElement-icon.oo-ui-image-error { filter: var(--ooui--icon-error-filter); } .oo-ui-iconElement-icon.oo-ui-image-warning { filter: var(--ooui--icon-warning-filter); } .oo-ui-iconElement-icon.oo-ui-image-success { filter: var(--ooui--icon-success-filter); } /********* OOUI: indicators *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/indicators.json */ .oo-ui-indicator-clear { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-clear { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-up { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-up { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-down { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-down { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-required { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-required { filter: var(--ooui--indicator-invert-filter); } /********* OOUI: BookletLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/BookletLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { border-top-color: var(--ooui--bookletlayout-border-color); } .oo-ui-bookletLayout > .oo-ui-menuLayout-menu { border-right-color: var(--ooui--bookletlayout-border-color); } /********* OOUI: FieldLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/FieldLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* OOUI: PanelLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/PanelLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-panelLayout-framed { border-color: var(--ooui--panellayout-border-color); } /********* OOUI: ButtonGroupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonGroupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left-color: var(--ooui--button-disabled-border-left); } .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button, .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--button-border-left); } /********* OOUI: ButtonSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } /********* OOUI: CheckboxInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/CheckboxInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-checkboxInputWidget [type=checkbox] + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; filter: none; } .oo-ui-checkboxInputWidget [type=checkbox]:indeterminate + span::before { background-color: var(--ooui--checkbox-border-color); } .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span { background-color: var(--ooui--checkbox-disabled-background-color); border-color: var(--ooui--checkbox-border-color); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:focus + span { border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:hover + span { border-color: var(--ooui--checkbox-border-color--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:active + span { background-color: var(--ooui--checkbox-border-color); border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:focus + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:hover + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color--hover); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:active + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: none; } /********* OOUI: DropdownInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { transition-duration: unset; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: var(--ooui--dropdown-disabled-color); border-color: transparent; } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled:hover { background-color: var(--ooui--dropdown-background-color--hover); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled { background-color: var(--ooui--dropdown-disabled-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled select { border-color: var(--ooui--dropdown-disabled-border-color); } /********* OOUI: DropdownWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownWidget-handle { border-color: var(--ooui--dropdown-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); color: var(--theme-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background-color: var(--ooui--dropdown-background-color--hover); color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active { color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { border-color: var(--ooui--dropdown-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--dropdown-border-color--focus); } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { color: var(--ooui--dropdown-disabled-color); text-shadow: none; border-color: var(--ooui--dropdown-disabled-border-color); background-color: var(--ooui--dropdown-disabled-background-color); } /********* OOUI: LabelWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/LabelWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-labelWidget.oo-ui-inline-help { color: var(--ooui--inlinehelp-color); } /********* OOUI: MenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-link-color); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--theme-text-color); } /********* OOUI: MenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSectionOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSectionOptionWidget { color: var(--ooui--menusectionoption-color); } /********* OOUI: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSelectWidget { background-color: var(--ooui--menuselect-background-color); border-color: var(--ooui--menuselect-border-color); } /********* OOUI: MessageWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MessageWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-error-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-success-color); } /********* OOUI: MultioptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MultioptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-multioptionWidget.oo-ui-widget-disabled { color: var(--ooui--multioption-disabled-color); } /********* OOUI: OptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--ooui--disabled-color); } /********* OOUI: OutlineOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-selected-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed { background-color: var(--ooui--outlineoption-pressed-background-color); color: var(--theme-link-color); } /********* OOUI: OutlineSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineSelectWidget:focus { box-shadow: var(--ooui--outlineselect-box-shadow--focus); } /********* OOUI: PopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/PopupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-popupWidget-popup { background-color: var(--ooui--popup-background-color); border-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before { border-bottom-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after { border-bottom-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before { border-top-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after { border-top-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::before { border-right-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::after { border-right-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::before { border-left-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::after { border-left-color: var(--ooui--popup-background-color); } /********* OOUI: ProgressBarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ProgressBarWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-progressBarWidget { border-color: var(--ooui--progressbar-border-color); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) { background-color: transparent; } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-bar-background-color); } .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-disabled-border-color); } .oo-ui-progressBarWidget.oo-ui-pendingElement-pending { background-color: var(--ooui--progressbar-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--progressbar-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--progressbar-pending-background-color-2) 50%, var(--ooui--progressbar-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: RadioInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/RadioInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-radioInputWidget [type=radio] + span { background-color: transparent; border-color: var(--ooui--radiobutton-border-color); border-width: 3px; } .oo-ui-radioInputWidget [type=radio] + span::before { top: 2.5px; left: 2.5px; right: 2.5px; bottom: 2.5px; } .oo-ui-radioInputWidget [type=radio]:checked + span, .oo-ui-radioInputWidget [type=radio]:checked:hover + span, .oo-ui-radioInputWidget [type=radio]:checked:focus:hover + span { border-width: 3px; } .oo-ui-radioInputWidget [type=radio]:checked + span:before, .oo-ui-radioInputWidget [type=radio]:checked:hover + span:before, .oo-ui-radioInputWidget [type=radio]:checked:focus:hover + span:before { background-color: var(--ooui--radiobutton-border-color); } .oo-ui-radioInputWidget [type=radio]:disabled + span { background-color: var(--ooui--radiobutton-disabled-background-color); border-color: var(--ooui--radiobutton-border-color); } .oo-ui-radioInputWidget [type=radio]:disabled:checked + span { background-color: var(--ooui--radiobutton-disabled-background-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:hover + span { border-color: var(--ooui--radiobutton-border-color--hover); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:active + span { background-color: var(--ooui--radiobutton-border-color); border-color: var(--ooui--radiobutton-border-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span { border-color: var(--ooui--radiobutton-border-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:focus + span { box-shadow: inset 0 0 0 1px var(--ooui--radiobutton-box-shadow--focus); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:focus + span::before { border-color: transparent; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:hover + span { border-color: var(--ooui--radiobutton-border-color--hover); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:active + span { border-color: var(--ooui--radiobutton-border-color); box-shadow: inset 0 0 0 1px var(--ooui--radiobutton-box-shadow--focus); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:active + span::before { border-color: transparent; } /********* OOUI: RadioSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/RadioSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-radioSelectWidget:focus [type=radio]:checked + span::before { border-color: transparent; } /********* OOUI: SelectFileWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/SelectFileWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-selectFileWidget-dropTarget { background-color: var(--ooui--selectfile-background-color); border: 1px solid var(--ooui--selectfile-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--ooui--selectfile-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--ooui--selectfile-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--ooui--selectfile-candrop-background-color); color: var(--theme-link-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--ooui--textarea-disabled-background-color); border-color: var(--ooui--selectfile-border-color); } /********* OOUI: TabOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabOptionWidget { color: var(--ooui--taboption-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tabselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--theme-text-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-box-shadow-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--ooui--tabselect-frameless-highlighted-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-highlighted-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-color); } .oo-ui-tabSelectWidget-frameless.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { box-shadow: inset 0 0 0 2px var(--ooui--tabselect-frameless-selected-box-shadow-color); } /********* OOUI: TabSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabSelectWidget-framed { background-color: var(--ooui--tabselect-background-color); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--ooui--tabselect-frameless-box-shadow-color); } /********* OOUI: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagItemWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagItemWidget { border-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled { color: var(--theme-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tagitem-background-color); color: var(--ooui--tagitem-color--hover); border-color: var(--ooui--tagitem-border-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--tagitem-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-border-color--focus); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus { border-color: var(--ooui--tagitem-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus { border: 0; box-shadow: none; } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active { background-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--ooui--tagitem-disabled-background-color); color: var(--ooui--tagitem-disabled-color); border-color: var(--ooui--tagitem-disabled-border-color); text-shadow: none; } /********* OOUI: TagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagMultiselectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagMultiselectWidget-handle { border: 1px solid var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color: var(--theme-text-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: var(--ooui--textarea-readonly-background-color); background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /********* OOUI: TextInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TextInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .oo-ui-textInputWidget .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); } .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); } @media screen and (min-width: 0) { .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-invalid-border-color); } } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); text-shadow: none; } /********* OOUI: ToggleButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleButtonWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: transparent; color: var(--ooui--button-frameless-on-color); } /********* OOUI: ToggleSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleSwitchWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less#1951 */ .oo-ui-toggleSwitchWidget { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-box-shadow--focus); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--ooui--toggleswitch-border-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--ooui--toggleswitch-border-color--hover); border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--ooui--toggleswitch-disabled-background-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-disabled-grip-color); } /********* OOUI: WindowManager *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/WindowManager.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-windowManager-modal { position: fixed; top: var(--wikigg-header-height); bottom: 0; left: 0; right: 0; z-index: 101; pointer-events: none; } .oo-ui-windowManager-modal > .oo-ui-dialog { position: absolute; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame { background-color: var(--ooui--window-background-color); } .oo-ui-windowManager-modal > * { pointer-events: auto; } .oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame { border-color: var(--ooui--window-border-color); } /* fix scrolling */ body.oo-ui-windowManager-modal-active { overflow: unset; } /* -------------------------------------------------------------------------------- */ /********* RCFilters *********/ /* Filtering interface at the top of [[Special:RecentChanges]], [[Special:Watchlist]], and [[Special:RelatedChanges]]. * For documentation of the project, see https://www.mediawiki.org/wiki/Edit_Review_Improvements/New_filters_for_edit_review */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less */ .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--ooui--dialog-border-color--lighter); } .client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner:before, .client-js .mw-rcfilters-spinner:after { background-color: var(--ooui--checkbox-border-color); } /********* RCFilters: ChangesListWrapperWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less */ .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--oouihelper--disabled); } .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)) { background-color: var(--oouihelper--themerelated-disabled); } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-blue-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-green-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-yellow-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-orange-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-red-background-color); } /* the mixing of two and more colors is impossible with CSS variables, unless of course each mixed color is hardcoded */ /********* RCFilters: DatePopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.DatePopupWidget.less */ .mw-rcfilters-ui-datePopupWidget { border-top-color: var(--ooui--textarea-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: var(--theme-text-color-note); } /********* RCFilters: FilterItemHighlightButton *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less */ .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle { /* override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements, which prevents this circle's color from being displayed properly */ filter: none; } /********* RCFilters: FilterMenuHeaderWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuHeaderWidget.less */ .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--theme-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { border-bottom-color: var(--ooui--textarea-border-color); background-color: var(--ooui--textarea-readonly-background-color); } /********* RCFilters: FilterMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less */ .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: transparent; } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--ooui--dropdown-disabled-color); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } /********* RCFilters: FilterMenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less */ .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--ooui--dropdown-disabled-background-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* RCFilters: FilterTagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less */ .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-collapsed .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget { border-bottom-color: var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emphasize.oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-background-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--theme-text-color-note); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--theme-text-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--theme-text-color-note); } /********* RCFilters: FilterTagMultiselectWidgetMobile *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidgetMobile.less */ .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly] { background-color: var(--ooui--textarea-readonly-background-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::placeholder { color: var(--ooui--textarea-placeholder-color); } /********* RCFilters: HighlightColorPickerWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less */ .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color .oo-ui-iconElement-icon.oo-ui-icon-check { /* Override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements. This is not necessary here because the six circles have the same color in all * themes, so this checkmark needs to be the same in all themes as well. */ filter: none; } /********* RCFilters: ItemMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less */ .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-width: 3px; border-top-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--theme-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--theme-text-color-note); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel { color: var(--theme-text-color-note); } /********* RCFilters: LiveUpdateButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less */ .mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on:after { background: rgba(var(--theme-link-color--rgb), 0.5); } /********* RCFilters: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less */ .mw-rcfilters-ui-menuSelectWidget-noresults { color: var(--theme-text-color-note); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--ooui--textarea-readonly-background-color); border-top-color: var(--ooui--textarea-border-color); } /********* RCFilters: SavedLinksListItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SavedLinksListItemWidget.less */ .mw-rcfilters-ui-savedLinksListItemWidget:hover { /* Mimicking OOUI optionWidget styles */ background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--theme-link-color); } /********* RCFilters: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less */ .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-disabled-background-color); border-color: var(--ooui--tagitem-disabled-border-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--ooui--tagitem-disabled-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); border-color: var(--ooui--tagitem-border-color--focus); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--theme-text-color-note); } /********* RCFilters: ViewSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ViewSwitchWidget.less */ .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--theme-text-color); } /********* RCFilters: WatchlistTopSectionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less */ .mw-rcfilters-ui-watchlistTopSectionWidget-separator { border-top-color: var(--ooui--textarea-border-color); } /* -------------------------------------------------------------------------------- * ==================================== Codex ===================================== * -------------------------------------------------------------------------------- * Codex ([[mw:Codex]]) appears to be a replacement for OOUI (see system/OOUI.scss). * * Codex version 1.0.0 was added as part of the MediaWiki 1.41 update. * Head to [[Special:Version]] to find out which version of Codex is currently * installed. * -------------------------------------------------------------------------------- */ /********* Codex: Button *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/button/Button.vue#105 */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } @supports (mask-image: none) { .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--ooui--button-color--hover); } } .cdx-button:enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-destructive-color--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background: unset; border: 0; box-shadow: unset; } .cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { background: unset; color: var(--ooui--button-color--hover); } .cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active { background: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active) { box-shadow: var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color: unset; color: var(--ooui--button-progressive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover { background-color: unset; color: var(--ooui--button-destructive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:disabled, .cdx-button.cdx-button--fake-button--disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } @supports (mask-image: none) { .cdx-button:disabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } .cdx-button:disabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet { color: var(--ooui--button-disabled-color); } @supports (mask-image: none) { .cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } /********* Codex: TextInput *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/text-input/TextInput.vue#323 */ .cdx-text-input__input:enabled { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .cdx-text-input__input:enabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input__input:enabled:hover { border-color: var(--ooui--textarea-border-color--hover); } .cdx-text-input__input:enabled:focus ~ .cdx-text-input__icon-vue, .cdx-text-input__input:enabled.cdx-text-input__input--has-value ~ .cdx-text-input__icon-vue { color: var(--theme-text-color); } .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .cdx-text-input__input:enabled:read-only { background-color: var(--ooui--textarea-readonly-background-color); } .cdx-text-input__input:disabled { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); border-color: var(--ooui--textarea-disabled-border-color); } .cdx-text-input__input:disabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-disabled-color); } .cdx-text-input__input::placeholder { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled { border-color: var(--ooui--textarea-invalid-border-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); } /* -------------------------------------------------------------------------------- */ /********* Pages with content model "JSON" *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.content.json.less */ .mw-json th, .mw-json td { border-color: var(--theme-box-border-color); } .mw-json tr { background-color: transparent; } .mw-json th { background-color: var(--theme-box-background); } .mw-json-value, .mw-json-single-value { background-color: var(--theme-highlight-background); } @media screen { html.skin-theme-clientpref-night .mw-json-value, html.skin-theme-clientpref-night .mw-json-single-value { background-color: var(--theme-highlight-background); } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-json-value, html.skin-theme-clientpref-os .mw-json-single-value { background-color: var(--theme-highlight-background); } } .mw-json-single-value { background-color: var(--theme-highlight-background); } .mw-json-empty { background-color: var(--theme-box-background); } /********* api.php *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.apipretty/apihelp.css */ .apihelp-flags { border-color: var(--oouihelper--borderdark); } .apihelp-deprecated, .apihelp-internal, .apihelp-flag-deprecated, .apihelp-flag-internal strong { color: var(--theme-text-color-red); } .apihelp-unknown { color: var(--theme-text-color-note); } .apihelp-empty { color: var(--theme-text-color-note); } /* overwriting styles from the "apioutput" skin (can't find the base stylesheet) */ .skin-apioutput .mw-body { background: var(--theme-background); color: var(--theme-text-color); margin: 20px; padding: 10px; } /* Fix empty parameter descriptions having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } /* Theme color for h3 headings */ .apihelp-header { color: var(--theme-heading-color); } /********* ?action=history *********/ /* History pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#21 */ #pagehistory li.selected { background-color: transparent; color: inherit; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#47 */ .updatedmarker { background-color: var(--oouihelper--yellow); } /********* changeslist *********/ /* Special:Watchlist, Special:RecentChanges, etc. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.changeslist/default.less#18 */ /* Colored byte size change numbers */ .mw-plusminus-pos { color: var(--theme-text-color-green); } .mw-plusminus-neg { color: var(--theme-text-color-red); } .mw-plusminus-null { color: var(--theme-text-color-note); } /* Colors in the "Legend" box for the non-JavaScript version of Special:RecentChanges * (and to prevent a color flash for the JavaScript version) */ .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } /********* redirect *********/ /* Arrow on redirect pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.less#18 */ /* In the default style, the icon is the background of the <li> element. * We want to apply a filter to the image only (not the text), so we have to * move the image to a new pseudo-element. */ .redirectText li { /* moving the background-image from the <li> element... */ background: none; padding-left: 0; padding-right: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; padding-inline-start: 0; padding-inline-end: 0; } .redirectText li:before { /* ... to a new pseudo-element */ content: ""; padding-left: 47px; filter: var(--ooui--icon-normal-filter); /* theme-dependent color of the icon */ } .mw-content-ltr .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-ltr.svg); } .mw-content-rtl .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-rtl.svg); } @media screen { html.skin-theme-clientpref-night .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-night .redirectText li > a { filter: none; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-os .redirectText li > a { filter: none; } } /********* File: namespace *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#116 */ #filetoc { border-color: var(--theme-box-border-color); background-color: var(--theme-highlight-background); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#142 */ .mw_metadata td, .mw_metadata th { border-color: var(--theme-box-border-color); /* overwrite our "table th, table td" rule and restore MediaWiki default */ padding-top: 0; padding-bottom: 0; } .mw_metadata th { background-color: var(--theme-box-background); } .mw_metadata td { background-color: var(--theme-highlight-background); } /* space between the "Open in MediaViewer" button and page content * (needs the ".fullMedia +" because "#mw-imagepage-content" is different on file * page revision diffs) */ .fullMedia + #mw-imagepage-content { margin-top: 1em; } /********* helpers *********/ /* Helper classes used across special pages and actions */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#12 */ .unpatrolled { color: var(--ooui--messagewidget-error-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#52 */ /* The auto-generated edit comments */ .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#59 */ /* rev_deleted stuff */ li span.deleted, span.history-deleted { color: var(--ooui--messagewidget-error-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#81 */ /* "| contribs |" links for users with no edits, e.g. on Special:AbuseLog/x */ .mw-usertoollinks-contribs-no-edits, .mw-usertoollinks-contribs-no-edits:visited { color: var(--theme-link-color-redlink); } /********* ?action=edit *********/ /* Styles for elements of the editing form */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#37 */ .mw-editform #wpTextbox1 { font-size: var(--font-size-s); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#101 */ .editOptions { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); border-color: var(--ooui--messagewidget-notice-border-color); } /********* HTMLForm *********/ /* base styles are here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.styles/styles.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.ooui.styles.less#28 */ .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { background-color: var(--oouihelper--textinput-background-lighter); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--oouihelper--textinput-background); } /********* [[Special:AllMessages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/special.less#15 */ #mw-allmessagestable tbody:hover td { background-color: var(--oouihelper--textinput-background-lighter); } #mw-allmessagestable .am_default { background-color: var(--oouihelper--yellow-darker); } #mw-allmessagestable tbody:hover .am_default { background-color: var(--oouihelper--yellow); } #mw-allmessagestable .am_actual { background-color: var(--oouihelper--green-darker); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--oouihelper--green); } /********* [[Special:NewPages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/newpages.less#13 */ .not-patrolled { background-color: var(--oouihelper--yellow); } /********* [[Special:Search]] *********/ /* Search result page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.search.styles.less */ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-result-data { color: var(--theme-text-color-note); } .mw-search-profile-tabs { background: none; border: 0; margin: 1em 0; } .search-types { width: 100%; float: none; padding: 0; } .search-types li { float: none; display: inline-block; vertical-align: middle; } .search-types .current a { color: var(--theme-text-color); } .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .search-types + div { display: none; } .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } #mw-search-top-table { display: flex; align-items: center; } #mw-searchoptions { background: var(--theme-box-background); padding: 1em; border: 1px solid var(--theme-box-border-color); border-radius: 4px; } #mw-searchoptions .divider { border-color: var(--theme-box-border-color); } /* responsive tweak */ @media screen and (max-width: 600px) { #mw-search-top-table { display: block; } .results-info { margin-top: 1em; } .search-types ul li { font-size: 12px; } } /********* [[Special:ApiSandbox]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.apisandbox/apisandbox.less#4 */ /* Fix background color of the bar at the top which contains the "Make request" and "Clear" buttons on the right */ .mw-apisandbox-toolbar { background-color: var(--ooui--tabselect-background-color); } /********* [[Special:Diff]] *********/ /* Diff rendering */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.diff.styles/diff.less */ /* Add diff accent to make even smaller changes visible */ .diffchange-inline { border: 1px #fe603f dashed; } /* More noticeable diff coloring */ .diff td.diff-context { background: none repeat scroll 0 0 transparent; color: var(--theme-text-color); border-color: rgba(var(--theme-border-color--rgb), 0.5); } .diff td.diff-deletedline { background-color: #ffe49c; border-color: #ffe49c; color: #000; } .diff td.diff-deletedline .diffchange { background-color: #feeec8; color: #000; } .diff td.diff-addedline { background-color: #a3d3ff; border-color: #a3d3ff; color: #000; } .diff td.diff-addedline .diffchange { background-color: #d8ecff; color: #000; } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins { color: #000; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del { color: #000; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { /* theme-dependent color of the arrow that indicates a line was moved */ color: var(--theme-text-color); } /********* Special:CreateAccount *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.userlogin.signup.styles/signup.less */ /* Theme-dependent color of the icons (this also affects the text) */ .mw-createacct-benefits-list > div { filter: var(--ooui--icon-normal-filter); } /********* [[Special:Upload]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/upload.css */ /* Warning box that appears sometimes when uploading a file */ .mw-destfile-warning { border-color: var(--ooui--messagewidget-warning-border-color); color: var(--theme-text-color); background-color: var(--ooui--messagewidget-warning-background-color); } #mw-htmlform-description input { /* The carets in the "File description" fields use the current theme's * text color, which is in most themes hard to read on the hard-coded * white background */ caret-color: unset; } /********* [[Special:Preferences]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.preferences.styles.ooui.less */ .mw-email-not-authenticated .oo-ui-labelWidget, .mw-email-none .oo-ui-labelWidget { color: unset; } .mw-email-not-authenticated .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .mw-email-none .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } #preferences .mw-htmlform-submit-buttons { background-color: var(--theme-background); border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--ooui--textarea-readonly-background-color); } .mw-prefs-search-highlight { background-color: var(--theme-text-background-color-highlight) !important; outline-color: var(--theme-text-background-color-highlight) !important; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border-color: var(--ooui--panellayout-border-color); } .client-nojs .mw-prefs-tabs .mw-prefs-section-fieldset > .oo-ui-fieldsetLayout-group { border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { background-color: var(--theme-text-background-color-highlight); outline-color: var(--theme-text-background-color-highlight); } /* overwriting a rule from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/tags/v0.51.2/src/themes/wikimediaui/layouts.less#65 * the max-width set there unnecessarily limits the gadget descriptions, so we reset it */ #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /*********************************************************************************************************** * CSS for certain MediaWiki extensions ***********************************************************************************************************/ /********* Extension:TabberNeue *********/ .infobox .tabber__header:not(.tabber__header--next-visible, .tabber__header--prev-visible) { display: flex; justify-content: center; } /* overwriting styles from here: * https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue/blob/main/modules/ext.tabberNeue.legacy/ext.tabberNeue.legacy.less */ .tabber__header { margin-bottom: 4px; box-shadow: inset 0 -1px 0 0 var(--oouihelper--themerelated-lighter-transparent); } .tabber__header__prev:after { left: 2px; } .tabber__header__next:after { right: 2px; } .tabber__header__prev:after, .tabber__header__next:after { filter: var(--ooui--icon-normal-filter); } .tabber__indicator { background-color: var(--theme-link-color); } .tabber__tab { padding-top: 2px; color: var(--theme-text-color); } .tabber__tab:visited { color: var(--theme-text-color); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-link-color); } .tabber__panel { overflow-x: unset; } /********* Extension:Cargo *********/ /* Removes redundant Cargo extension "Purge cache" link */ div.menu li#ca-cargo-purge { display: none; } /* Maximum image size for NPC images storing in Cargo table */ .npcimg img { height: auto; width: auto; max-height: 100px; max-width: 100px; } /* (max-width: 549px) */ div#header { background: none; border: 0; padding-top: 0; border-bottom-color: var(--theme-box-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/Cargo.css */ span.cargoFieldName { color: var(--theme-text-color-note); } /* Table row "zebra striping" ([[Special:CargoQuery]]) */ table.cargoTable.noMerge tr:nth-child(odd) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(even) { background: none; } table.cargoTable.mergeSimilarCells td.odd { background: rgba(0, 0, 0, 0.25); } table.cargoTable.mergeSimilarCells td.even { background: none; } div.cargoReplacementTableInfo { background-color: rgba(255, 255, 255, 0.2); } /* The query table at the bottom of [[Special:CargoQuery]] */ div.specialCargoQuery-extraPane { background: var(--oouihelper--text-background); border-color: var(--oouihelper--borderdark); } /********* Extension:Cargo ([[Special:Drilldown]]) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/drilldown/resources/CargoDrilldown.css */ div#drilldown-tables-tabs-wrapper { border: 0; background: var(--theme-background); } div#drilldown-tables-tabs-wrapper.open { z-index: 1000; padding-top: 50px; border-right: 1px solid var(--theme-box-border-color); } div#drilldown-tables-tabs-wrapper.open li { border: 0; background: none; border-top: 1px solid var(--theme-box-border-color); } div#drilldown-tables-tabs-wrapper.open li:last-child { border-bottom: 0; } div#drilldown-tables-tabs-wrapper.open li.selected { background: var(--theme-highlight-background); } div#drilldown-tables-tabs-wrapper.open li.selected:after { display: none; } .drilldown-tabs { background: none; border-bottom: 1px solid var(--theme-box-border-color); } .drilldown-tabs li { background: var(--theme-box-background); border: 1px solid var(--theme-box-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius) var(--theme-box-border-radius) 0 0; margin-right: var(--layout-gap); } .drilldown-tabs li a { color: var(--theme-text-color); } .drilldown-tabs li.selected { margin-left: 0; position: relative; background: none; } .drilldown-tabs li.selected::after { content: ""; display: block; pointer-events: none; background: var(--theme-background); width: 100%; height: 2px; position: absolute; bottom: -1px; left: 0; } .drilldown-tabs li.selected a { background: none; color: var(--theme-text-color); } div.drilldown-filters-wrapper { background: none; border: 1px solid var(--theme-box-border-color); color: var(--theme-text-color); padding: var(--layout-box-padding); } div.drilldown-filter-values a { color: unset; } #drilldown-header img, div.drilldown-filters-wrapper img { filter: invert(1); } /********* Extension:Cargo (?action=pagevalues) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/CargoPageValues.css */ /* Adjustments for the table headers */ .cargo-pagevalues-tableinfo { background-color: var(--oouihelper--text-background); top: var(--wikigg-header-height); /* wiki.gg header offset */ } /********* Extension:Cargo ([[Special:CargoTableDiagram]]) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/ext.cargo.dagre.css */ div.cargo-table-diagram { /* text color fix */ fill: var(--theme-text-color); } /********* Extension:InputBox *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/InputBox/+/refs/heads/REL1_43/resources/ext.inputBox.styles.less */ /* Hide text input box for just a button */ .notextbox form > .mw-ui-input { display: none; } /********* Extension:MultimediaViewer *********/ /* Reset link color to default (from Vector skin) */ /* (this entire thing could be styled to fit the currently active theme, but as * long as it uses default Vector styling, the links should too, in order to be readable) */ .mw-mmv-main a { color: #0645ad; } /* same for text color in attribution warning */ .mw-mmv-dialog .mw-mmv-dialog-warning { color: #202122; } /* offset for wiki.gg topbar */ .mw-mmv-overlay, .mw-mmv-wrapper, .mw-mmv-image-wrapper { top: var(--wikigg-header-height); } .mw-mmv-options-button, .mw-mmv-close, .mw-mmv-fullscreen { /* buttons on top right */ margin-top: calc(14px + var(--wikigg-header-height)); /* 14px is the original value */ } .mw-mmv-next-image, .mw-mmv-prev-image { /* "<" and ">" buttons. */ margin-top: var(--wikigg-header-height); } /********* Extension:CiteThisPage *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/CiteThisPage/+/refs/heads/REL1_43/modules/ext.citeThisPage.css */ .mw-specialCiteThisPage-bibliographic { background-color: var(--theme-page-background-color--secondary); } /********* Extension:Scribunto *********/ /* Styles for the "debug console" at the bottom of the editing screen on "Module:" pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Scribunto/+/refs/heads/REL1_41/modules/ext.scribunto.edit.css * (for whatever reason the MediaWiki 1.41 version (.../REL1_41/...) is still loaded, even though we're on MediaWiki 1.43) */ .mw-scribunto-console-fieldset { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); } #mw-scribunto-input { background-color: var(--ooui--textarea-background-color); } .mw-scribunto-input { color: var(--theme-text-color-highlight); } .mw-scribunto-normalOutput { color: var(--theme-text-color); background: transparent; } .mw-scribunto-print { color: var(--oouihelper--yellow); background: transparent; } .mw-scribunto-error { color: var(--ooui--messagewidget-error-color); background: transparent; } .mw-scribunto-message { color: var(--theme-text-color-em); background: transparent; } /********* Extension:SyntaxHighlight *********/ /* (formerly known as "SyntaxHighlight_GeSHi") */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/SyntaxHighlight_GeSHi/+/refs/heads/master/modules/pygments.wrapper.less */ .mw-highlight { background: inherit; } .mw-highlight pre { margin-top: 1em; background: #282828 !important; color: #fff !important; overflow: auto; /* scroll if needed */ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/SyntaxHighlight_GeSHi/+/refs/heads/master/modules/pygments.generated.css */ .mw-highlight, .kw1 { color: #FFFFFF; font-weight: bold; } .mw-highlight .nf { color: aqua; } /* Operators */ .mw-highlight .p, .mw-highlight .o { color: #fff; font-weight: bold; } /* Comments */ .mw-highlight .c { color: #8d9e6b; font-weight: bold; } /* HTML Tags */ .mw-highlight .nt { color: #bfe431; } /* IDs */ .mw-highlight .nn { color: #a8a8ff; } /* Classes */ .mw-highlight .nc { color: #7676ff; } /* Pseudo-classes */ .mw-highlight .nd { color: #cf82ff; } /* Properties */ .mw-highlight .k, .mw-highlight .kp { color: #fff; font-weight: normal; } /* Keywords */ .mw-highlight .nb { color: #ff5858; } /* Text values, strings */ .mw-highlight .kc, .mw-highlight .s1, .mw-highlight .s2, .mw-highlight .sx, .mw-highlight .n { color: #00c6d2; } /* Numeric values */ .mw-highlight .mi, .mw-highlight .mf { color: #60feff; font-weight: bold; } /* Units */ .mw-highlight .kt { color: #ff3f85; font-weight: bold; } /* #Color values */ .mw-highlight .mh { color: #b2d241; } /* !important */ .mw-highlight .cp { color: #F37F20; } /* JS generic */ .mw-highlight .nx { color: #a8a8ff; } .mw-highlight .nv { color: #fff; } /* Highlighted lines */ .mw-highlight .hll { background-color: #50503e; } /* Highlight fields inside code class (e.g. Template:Code) */ code.mw-highlight { background: var(--theme-page-background-color); color: var(--theme-text-color); } /********* Extension:EmbedVideo *********/ /* overwriting styles from here: * https://github.com/StarCitizenWiki/mediawiki-extensions-EmbedVideo/blob/master/resources/ext.embedVideo.styles.less */ .embedvideo-consent { /* Theme-dependent background color for when the image hasn't loaded yet */ background: var(--theme-background-accent); } .embedvideo-thumbnail-workaround .embedvideo, .thumb.embedvideo .embedvideo { /* Fix missing thumbnail styling */ background-color: var(--theme-box-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 3px; text-align: center; overflow: hidden; } /********* Extension:Interwiki *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Interwiki/+/refs/heads/REL1_43/modules/interwiki.less#26 */ /* "Forward" column on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background-color: var(--theme-page-background-color--secondary); } /********* Extension:TemplateData *********/ /* Small default and example values to separate them from the parameter description */ .ve-ui-mwParameterPage-description-default, .ve-ui-mwParameterPage-description-example { font-size: small; } /********* Extension:Cite *********/ /* Here are only rules that are necessary for overwriting styles from the extension's base styling. * See template/reflist.scss for custom reference styling. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cite/+/refs/heads/REL1_43/modules/ext.cite.styles.less#70 */ ol.references li:target, sup.reference:target { background-color: var(--theme-page-background-color); } /********* Extension:CodeEditor *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/CodeEditor/+/refs/heads/master/modules/jquery.codeEditor.less */ /* Unify text color in status bar */ /* (the "status-message" and "status-line" divs use the current theme's text * color, which might be hard to read on the hard-coded white background */ .codeEditor-status { color: rgb(114, 119, 125); /* same color as div.ace_gutter-cell */ } /* The placeholder text in the search/replace field uses the standard * var(--theme-text-color-placeholder), which is in most themes hard to read on * the white background */ .ace_editor .ace_search_field::placeholder { color: unset; } /* The caret in the search/replace field uses the current theme's text color, * which is in most themes hard to read on the hard-coded white background */ .ace_editor .ace_search_field { caret-color: unset; } /********* Extension:WikiEditor *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/jquery.wikiEditor.less */ .wikiEditor-ui .wikiEditor-ui-view { border-color: var(--ooui--textarea-border-color); } .wikiEditor-ui .wikiEditor-ui-top { border-color: var(--ooui--textarea-border-color); } /********* Extension:WikiEditor toolbar *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/jquery.wikiEditor.toolbar.less */ .wikiEditor-ui-toolbar .sections .section { border-top-color: var(--ooui--textarea-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a { color: var(--theme-link-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before { filter: var(--ooui--icon-normal-filter); } .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: var(--theme-text-color); } .wikiEditor-ui-toolbar .section-secondary .group { border-left-color: var(--ooui--textarea-border-color); } .wikiEditor-ui-toolbar .group { border-right-color: var(--ooui--textarea-border-color); } .wikiEditor-ui-toolbar .group .label { color: var(--ooui--textarea-placeholder-color); } .wikiEditor-ui-toolbar .group .tool-select .label { color: var(--theme-text-color); } .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--ooui--icon-normal-filter); } .wikiEditor-ui-toolbar .group .tool-select .options { border-color: var(--ooui--menuselect-border-color); background-color: var(--ooui--menuselect-background-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--theme-text-color); } .wikiEditor-ui-toolbar .section-help .page-table th { color: var(--ooui--disabled-color); } .wikiEditor-ui-toolbar .section-help .page-table td { color: var(--theme-text-color); border-top-color: var(--ooui--menuselect-border-color); } .wikiEditor-ui-toolbar .page-characters div span { border-color: var(--ooui--tagitem-border-color); color: var(--theme-text-color); height: unset; } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: var(--ooui--menuselect-highlighted-background-color); border-color: var(--ooui--tagitem-border-color--hover); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/jquery.wikiEditor.toolbar-wikimedia.less */ .wikiEditor-ui-toolbar { background-color: var(--theme-background); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--ooui--menuselect-border-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .wikiEditor-ui-toolbar .booklet > .index > :hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .wikiEditor-ui-toolbar .booklet > .index > .current { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-link-color); } .tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } /********* Extension:WikiEditor dialogs *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/jquery.wikiEditor.dialogs.less */ /* The dialog uses default styling and looks the same in all themes. The cursor * does use the theme-dependent color though, which causes it to be hard to see * in some themes. Resetting it here to the default black to be the same in all * themes. */ .wikiEditor-toolbar-dialog .ui-dialog-content input[type=text] { caret-color: #000; } /********* Extension:WikiEditor RealtimePreview: ErrorLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/ErrorLayout.less */ .ext-WikiEditor-realtimepreview-ErrorLayout { background-color: var(--theme-background-accent); } /********* Extension:WikiEditor RealtimePreview: ManualWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/ManualWidget.less */ .ext-WikiEditor-ManualWidget { background-color: var(--theme-background-accent); border-color: var(--oouihelper--borderdark); } .ext-WikiEditor-ManualWidget .ext-WikiEditor-realtimepreview-manual-reload { color: var(--theme-link-color); } .ext-WikiEditor-ManualWidget.oo-ui-widget-disabled .ext-WikiEditor-realtimepreview-manual-reload { color: var(--oouihelper--disabled); } /********* Extension:WikiEditor RealtimePreview *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/RealtimePreview.less */ .ext-WikiEditor-realtimepreview-button:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--theme-link-color); } .ext-WikiEditor-realtimepreview-preview { /* increase the default padding a bit */ padding: 1em; } .ext-WikiEditor-ResizingDragBar-ns { border-top-color: var(--oouihelper--borderdark); } .ext-WikiEditor-realtimepreview-loadingbar div { background-color: var(--oouihelper--progressive); } /********* Extension:WikiEditor RealtimePreview: ResizingDragBar *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/ResizingDragBar.less */ .ext-WikiEditor-ResizingDragBar { background-color: var(--theme-background-accent); } .ext-WikiEditor-ResizingDragBar-ew { background-color: var(--theme-background-accent); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--oouihelper--themerelated); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--oouihelper--themerelated-lighter); } /********* Extension:WikiEditor RealtimePreview: TwoPaneLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/REL1_41/modules/realtimepreview/TwoPaneLayout.less */ .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1 { border-color: var(--oouihelper--borderdark); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--oouihelper--borderdark); } /********* Extension:ReplaceText *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/ReplaceText/+/refs/heads/REL1_43/resources/ext.ReplaceTextStyles.less */ /* [[Special:ReplaceText]] */ .ext-replacetext-searchoptions { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); } .ext-replacetext-searchoptions:first-of-type { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ext-replacetext-searchoptions:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom-color: var(--theme-border-color); } /********* Extension:AbuseFilter *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/AbuseFilter/+/refs/heads/REL1_43/modules/ext.abuseFilter.less */ /* [[Special:AbuseLog/x]] */ table.mw-abuselog-details { background: var(--oouihelper--textinput-background); border-color: var(--oouihelper--borderdark); } table.mw-abuselog-details th, table.mw-abuselog-details td { border-color: var(--oouihelper--borderdark); } table.mw-abuselog-details th { background: var(--oouihelper--textinput-background-darker); } /* [[Special:AbuseFilter]] */ body td.mw-abusefilter-history-changed { background: var(--oouihelper--themerelated-darkest); } #mw-abusefilter-warn-preview, #mw-abusefilter-disallow-preview { border-color: var(--oouihelper--borderdark-lighter); } tr.mw-abusefilter-list-disabled, tr.mw-abusefilter-list-disabled td { color: var(--oouihelper--disabled); } tr.mw-abusefilter-list-deleted, tr.mw-abusefilter-list-deleted td { color: var(--oouihelper--disabled); } tr.mw-abusefilter-list-throttled, tr.mw-abusefilter-list-throttled td { color: var(--oouihelper--red); } div.mw-abusefilter-editor { border-color: var(--oouihelper--borderdark); } .mw-abusefilter-tools-error { color: var(--oouihelper--red); } /********* Extension:Echo *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/REL1_41/skinStyles/vector/ext.echo.styles.badge.less */ .skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge, .skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge { top: 0; /* offset fix */ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.ConfirmationPopupWidget.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.CrossWikiNotificationItemWidget.less */ .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { background-color: var(--ooui--textarea-readonly-background-color); } .mw-echo-ui-crossWikiNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title, .mw-echo-ui-bundleNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.CrossWikiUnreadFilterWidget.less */ .mw-echo-ui-crossWikiUnreadFilterWidget { border-color: var(--ooui--messagewidget-notice-border-color); } .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.DatedSubGroupListWidget.less */ .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.FooterNoticeWidget.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.MenuItemWidget.less */ .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: var(--theme-text-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.NotificationBadgeWidget.less */ .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head { border-bottom-color: var(--ooui--popup-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget:focus { box-shadow: var(--ooui--button-progressive-box-shadow--focus); border-color: var(--ooui--popup-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer { border-top-color: var(--ooui--popup-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { border-left-color: var(--ooui--popup-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus { box-shadow: unset; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.NotificationItemWidget.less */ .mw-echo-ui-notificationItemWidget { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--menuselect-border-color); } .mw-echo-ui-notificationItemWidget:hover { background-color: var(--ooui--messagewidget-notice-background-color); } .mw-echo-ui-notificationItemWidget:focus { background-color: var(--ooui--menuselect-selected-background-color); box-shadow: var(--ooui--button-progressive-box-shadow--focus); outline: 0; } .mw-echo-ui-notificationItemWidget:last-child { border-bottom-color: var(--ooui--menuselect-border-color); } .mw-echo-ui-notificationItemWidget-unread { background-color: var(--ooui--menuselect-selected-background-color); } .mw-echo-ui-notificationItemWidget-unread:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-echo-ui-notificationItemWidget-content-message-header { color: var(--theme-text-color-em); } .mw-echo-ui-notificationItemWidget-content-message-body { color: var(--theme-text-color); } .mw-echo-ui-notificationItemWidget-content-actions-timestamp { color: var(--theme-text-color-em); } @keyframes unseen-fadeout-to-unread { from { background-color: var(--oouihelper--progressive-transparent); } to { background-color: var(--ooui--menuselect-selected-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color: var(--oouihelper--progressive-transparent); } to { background-color: var(--ooui--messagewidget-notice-background-color); } } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.NotificationsInboxWidget.less */ .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background-color: var(--ooui--messagewidget-notice-background-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.PageNotificationsOptionWidget.less */ .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-text-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-link-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-selected-background-color); color: var(--theme-link-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-pressed-background-color); color: var(--theme-link-color); } .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color-note); } .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color: transparent; color: var(--theme-link-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.PlaceholderItemWidget.less */ .mw-echo-ui-placeholderItemWidget { background-color: var(--ooui--messagewidget-notice-background-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less */ .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color: var(--oouihelper--progressive); } .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { /* keep the default (white) */ background-color: #eaecf0; } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color: var(--oouihelper--progressive-lighter); } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { /* keep the default (gray) */ background-color: #c8ccd1; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/nojs/mw.echo.notifications.less */ /* for the Special:Notifications page in no-JavaScript mode */ .mw-echo-state .mw-echo-notification { color: var(--theme-text-color); } .mw-echo-state .mw-echo-notifications { background-color: transparent; } .mw-echo-state .mw-echo-content .mw-echo-title { color: var(--theme-text-color-em); } .mw-echo-state .mw-echo-content .mw-echo-payload { color: var(--theme-text-color); } .mw-echo-state .mw-echo-content .mw-echo-notification-footer { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/nojs/mw.echo.special.less */ .mw-echo-date-section { border-bottom-color: var(--oouihelper--borderdark); color: var(--theme-text-color-note); } .mw-echo-special-navbar-bottom { border-top-color: var(--oouihelper--borderdark); } .mw-echo-special-notifications .mw-echo-notification { background-color: transparent; } .mw-echo-special-notifications .mw-echo-notification:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-echo-special-notifications .mw-echo-notification-unread { background-color: var(--ooui--menuselect-selected-background-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/mobile/notificationsFilterOverlay.less */ .notifications-filter-overlay .overlay-content .mw-echo-ui-crossWikiUnreadFilterWidget { border-color: var(--ooui--messagewidget-notice-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Echo/+/refs/heads/master/modules/mobile/overlay.less */ /********* Extension:DebugTemplates *********/ /* These styles are deprecated, as the extension was uninstalled on 2024-06-19. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/DebugTemplates/+/refs/heads/master/ext.debugTemplates.css */ /********* Extension:SimpleMathJax *********/ mjx-container { font-size: 125% !important; } /* Reset link color in the menu to default (from Vector skin) */ /* The right-click menu ("About MathJax" or "MathJax Help") has a hardcoded * white background. The links must not use theme styling there, as they are * colored according to their theme's background, which can make them hard to * read with some themes. */ .CtxtMenu_Info a { color: #0645ad; } /* Reset code text color in the menu to default (from Vector skin) */ /* The right-click menu ("Show Math As") has a hardcoded white background. The * code text must not use theme styling there, as it is colored according to * its theme's background, which can make it hard to read with some themes. */ .CtxtMenu_Info pre { background-color: #f8f9fa; color: #000; border-color: #eaecf0; } /********* Extension:AdvancedSearch *********/ /* Query options on [[Special:Search]] */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/AdvancedSearch/+/refs/heads/REL1_43/modules/ext.advancedSearch.less */ .mw-advancedSearch-fieldContainer { background: var(--oouihelper--text-background); border-color: var(--ooui--textarea-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-top-color: var(--ooui--textarea-border-color); } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { background: var(--ooui--textarea-readonly-background-color); color: var(--theme-text-color-note); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-color--hover); } .mw-advancedSearch-namespace-selection { background: var(--oouihelper--text-background); border-color: var(--ooui--textarea-border-color); } .mw-advancedSearch-namespace-border { border-color: var(--oouihelper--borderdark); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--ooui--tagitem-background-color); border-color: var(--oouihelper--progressive); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--theme-text-color-note); } /********* Extension:SearchDigest *********/ /* overwriting styles from here: * https://github.com/weirdgloop/mediawiki-extensions-SearchDigest/blob/1be2fe/src/modules/ext.searchdigest.redirect.css * https://github.com/weirdgloop/mediawiki-extensions-SearchDigest/blob/1be2fe/src/modules/ext.searchdigest.stats.styles.css * https://github.com/weirdgloop/mediawiki-extensions-SearchDigest/blob/1be2fe/src/modules/ext.searchdigest.stats.styles.css */ .searchdigest-stats-table { border-color: var(--oouihelper--borderdark); } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--oouihelper--borderdark); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--oouihelper--borderdark); } .searchdigest-stats-table thead tr { background: var(--theme-highlight-background); } /* allow scrolling the background when the "redirect" popup is open */ /* overwrite from OOUI: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/WindowManager.less#39 */ body.mw-special-SearchDigest.oo-ui-windowManager-modal-active { overflow: unset; } /********* Extension:TwoColConflict *********/ /* apply normal h5 color */ .mw-twocolconflict-split-tour-intro-container-header { color: var(--theme-heading-color); } /* recreate the ".diff-editfont-monospace" class */ .mw-twocolconflict-split-difftext { font-family: monospace; } .mw-twocolconflict-split-difftext .mw-twocolconflict-split-tour-popup { /* reset for the "tour" help popup */ font-family: var(--font-family); } /********* Extension:TwoColConflict (Split) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/TwoColConflict/+/refs/heads/REL1_41/modules/SplitTwoColConflict/ext.TwoColConflict.Split.less */ .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { color: #000; } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { color: #000; } .mw-twocolconflict-split-row.mw-twocolconflict-no-selection { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: #add8ff; } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: #ffe8a6; } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--ooui--messagewidget-notice-border-color); background-color: var(--ooui--messagewidget-notice-background-color); } .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: #add8ff; color: #000; } .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: #ffe8a6; color: #000; } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color: var(--theme-text-color-note); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color: rgba(173, 216, 255, 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color: rgba(255, 232, 166, 0.4); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--ooui--messagewidget-notice-background-color)); } .mw-twocolconflict-no-selection .mw-twocolconflict-split-selector-label { color: var(--theme-text-color); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type=radio]:checked + span:before, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type=radio]:checked:hover + span:before, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type=radio]:checked:focus:hover + span:before { /* the default "checked" color is a "theme-related" color which doesn't fit well into this yellow border, so just use the yellow as the "checked" color */ background: #ac6700; } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type=radio]:checked + span:before, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type=radio]:checked:hover + span:before, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type=radio]:checked:focus:hover + span:before { /* the default "checked" color is a "theme-related" color which doesn't fit well into this blue border, so just use the blue as the "checked" color */ background: #2c529d; } /********* Extension:TwoColConflict (Tour) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/TwoColConflict/+/refs/heads/REL1_41/modules/SplitTwoColConflict/ext.TwoColConflict.Split.Tour.less */ .mw-twocolconflict-split-tour-popup { color: var(--theme-text-color); } /********* Extension:TwoColConflict (editable) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/TwoColConflict/+/refs/heads/REL1_41/modules/SplitTwoColConflict/ext.TwoColConflict.Split.editable.less */ .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color: var(--theme-text-color); } /********* Extension:TwoColConflict (Talk) *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/TwoColConflict/+/refs/heads/REL1_41/modules/TalkPageConflict/ext.TwoColConflict.Talk.styles.less */ .mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete { color: #000; } .mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-add { color: #000; } /********* Extension:CookieWarning *********/ .mw-cookiewarning-container { display: none; } /********* Extension:CodeMirror *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/CodeMirror/+/refs/heads/REL1_43/resources/codemirror.wikieditor.less#5 */ .wikiEditor-ui-text .cm-editor { background: var(--oouihelper--textinput-background); } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } @media screen and (max-width: 450px) { /* images/thumbnails */ .mw-parser-output .image > img { max-width: 100%; max-height: 50vh; width: auto; height: auto; } } /* used by mobile floating fix, see [[:en:MediaWiki:Common.js]] */ .mobile-floating-fix { float: none !important; margin-left: 0 !important; width: fit-content; } .mobile-fullwidth { width: 100% !important; } /* Classic Mode Color */ .tab.normal { color: var(--theme-modetabs-classic-text-color-label); } /* Expert Mode Color */ .tab.expert { color: var(--theme-modetabs-expert-text-color-label); } /* Master Mode Color */ .tab.master { color: var(--theme-modetabs-master-text-color-label); } /********* Tables *********/ table { border: 0 solid var(--theme-box-border-color); border-collapse: separate; border-spacing: 0; padding: 0; } table th, table td { border: 0 solid var(--theme-border-color); padding: 3px 6px; } table tfoot:empty, table thead:empty { display: none; } table.wikitable { color: inherit; background: none; border-collapse: collapse; border-color: var(--theme-border-color-accent); } table.wikitable th, table.wikitable td { border-color: var(--theme-border-color-accent); } table.wikitable th { color: inherit; background: none; } table.lined { border-top-width: 1px; } table.lined th, table.lined td { border-bottom-width: 1px; } table.cellborder { border-collapse: collapse; } table.cellborder th, table.cellborder td { border-width: 1px; } /* .topline, .bottomline, .noline */ table tr.topline th, table tr.topline td, table th.topline, table td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } table tr.bottomline th, table tr.bottomline td, table th.bottomline, table td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } table tr.noline th, table tr.noline td, table th.noline, table td.noline { border-width: 0; } table tr.noline th.topline, table tr.noline td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } table tr.noline th.bottomline, table tr.noline td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } /********* Characteristic "terraria" class *********/ /* Styling for "terraria"-classed tables and boxes */ /* See [[MediaWiki:Common.css/src/interface/makeCollapsible.scss]] for the base * collapsible box styling. */ .terraria { --theme-heading-background: var(--theme-highlight-background); border: 1px var(--theme-box-border-color) solid; padding: 8px 12px; border-radius: var(--theme-box-border-radius); min-height: 1.5em; position: relative; overflow: auto; /* for float box */ /* Here we do not need to add ".terraria > .heading:last-child{ margin-bottom: auto; }" since there can be a text node after the :last-child element. */ } .terraria > .heading, .terraria > .mw-collapsible-content > .heading { background: var(--theme-heading-background); text-align: center; font-weight: bold; line-height: 2; min-height: 2em; padding: 3px 6px; font-size: inherit; margin: 8px -8px; } .terraria > .heading:first-child, .terraria > .mw-collapsible-toggle:first-child + .mw-collapsible-content > .heading:first-child { margin-top: -4px; } .terraria > .heading:nth-of-type(1), .terraria > .mw-collapsible-content > .heading:nth-of-type(1) { margin-top: auto; } .terraria > .mw-collapsible-toggle { /* collapsible-toggle in .terraria box */ position: absolute; line-height: 1; right: 12px; top: 12px; font-size: 12px; } .terraria > .mw-collapsible-toggle > .mw-collapsible-bracket { display: none; } .terraria > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 0; height: 0; border-color: var(--theme-collapsible-toggle-icon-color) transparent; border-style: solid; border-width: 0 0.4em 0.45em; margin-right: 0.2em; } .terraria > .mw-collapsible-toggle:after { content: ""; } .terraria > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-width: 0.45em 0.4em 0; } .terraria:hover > .mw-collapsible-toggle:before { border-color: var(--theme-collapsible-toggle-icon-color-hover) transparent; } /*** "terraria"-classed tables ***/ table.terraria { /* we don't want the bottom borders of <h2>s to be visible through floated tables */ background: var(--theme-background); border: 1px solid var(--theme-box-border-color); margin: 0; padding: 3px; border-spacing: 0; border-radius: 3px; /* max: padding + table.border-width + td.border-width */ } table.terraria th, table.terraria td { border-style: solid; border-width: 1px; border-color: var(--theme-background); } table.terraria th { background: var(--theme-heading-background); text-align: center; } table.terraria::before { /* cover those unwanted border lines */ content: ""; display: block; pointer-events: none; position: absolute; border: 2px solid var(--theme-background); top: 3px; bottom: 3px; left: 3px; right: 3px; } table.terraria caption { /* setting a border on a <table> element (like we do with "table.terraria" * above) will not include its <caption> element, so we need to set an own * border on the <caption> */ font-weight: bold; font-size: var(--font-size-l); line-height: var(--line-height-l); background: linear-gradient(to right, var(--theme-background), var(--theme-background) 4px, transparent 4px), linear-gradient(to left, var(--theme-background), var(--theme-background) 4px, transparent 4px), linear-gradient(to bottom, var(--theme-background), var(--theme-background) 4px, transparent 4px), linear-gradient(to top, var(--theme-background), var(--theme-background) 4px, var(--theme-heading-background) 4px), var(--theme-background); border-radius: 3px 3px 0 0; border: 1px solid var(--theme-box-border-color); border-bottom: 0; padding: 7px 10px; /* effectively: 3px 6px */ margin-bottom: -5px; position: relative; } table.terraria.plaincaption caption, table.terraria caption.plaincaption, table.terraria caption.plain { background: none; border: 0; box-shadow: none; margin-bottom: auto; } table.terraria.plaincaption caption::after, table.terraria caption.plaincaption::after, table.terraria caption.plain::after { /* in .plaincaption tables, the "table.terraria::before" rule (see above) * will make two 1px gaps on the top table border, so fill them */ content: ""; display: block; pointer-events: none; position: absolute; height: 1px; background: var(--theme-box-border-color); bottom: -1px; left: 4px; right: 4px; z-index: 1; } table.terraria.lined td { border-bottom-color: var(--theme-box-border-color); } table.terraria.cellborder, table.terraria.cell-border, table.terraria.border { border-collapse: separate; } table.terraria.cellborder td, table.terraria.cell-border td, table.terraria.border td { border-left-color: var(--theme-box-border-color); border-bottom-color: var(--theme-box-border-color); } table.terraria td.cellborder-left { border-left: 1px solid var(--theme-box-border-color); } table.terraria td.cellborder-right { border-right: 1px solid var(--theme-box-border-color); } table.terraria.mw-collapsed { min-height: unset; /* override "min-height:1.5em" from ".terraria" rule */ } table.terraria.mw-collapsed caption + tbody::after, table.terraria.mw-collapsed caption + thead + tbody::after { /* cover up the entire border of the table body (all the rows are invisible, * but the border is around the <table> element, so it's still visible) */ } table.terraria.mw-collapsed caption.plaincaption + tbody::after, table.terraria.mw-collapsed caption.plaincaption + thead + tbody::after { /* plaincaption leaves a bit more space to be covered up */ height: 12px; } .terraria + table.terraria { /* some space between subsequent tables */ margin-top: var(--layout-gap); } .terraria.lined.sortable.jquery-tablesorter { width: auto; } /********* headings *********/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 32px; line-height: 40px; } .mw-body-content h2 { font-size: 26px; line-height: 32px; margin-top: 18px; margin-bottom: 12px; } .mw-body-content h2::after { content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 3px; } .vector-body h3 { font-size: 22px; line-height: 28px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 18px; font-weight: bold; line-height: 24px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } .vector-body h4 { font-size: 16px; } .vector-body h5 { font-size: 14px; } .vector-body h6 { font-size: 12px; } } /*** section edit link ****/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.skinning/interface-edit-section-links.less */ /* Replaces the "[edit]" text with a pencil icon */ .mw-editsection { white-space: nowrap; /* make font-size the same as the section's h1/2/3/... element */ font-size: unset; line-height: 1em; --theme-icon-color: var(--theme-link-color-accent); } .mw-editsection .mw-editsection-bracket { /* hide the brackets*/ display: none; } .mw-editsection a { display: inline-block; /* hide the text */ color: transparent; width: 1em; height: 1em; margin-left: -0.5em; --mask: var(--icon-pencil) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 85% 85%; mask-size: 85% 85%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } /** ToC **/ .toc, .toc * { box-sizing: border-box; } /* base common style */ .toc { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); margin: var(--layout-gap-l) 0; font-size: unset; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctitle h2, .toc .toctitle .toctogglespan { line-height: 20px; margin: 0; border: 0; } .toc .toctitle h2 { padding: 0 8px; font-weight: normal; display: flex; align-items: center; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; font-size: unset; line-height: unset; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { /* arrow */ content: ""; display: block; pointer-events: none; --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); width: 14px; height: 14px; flex: 0 0 auto; transform: scaleY(-1); } .toc .toctogglelabel:hover::before { background-color: var(--theme-icon-color-hover); } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { transform: none; } .toc .toctogglecheckbox:checked ~ ul { /* do not change ToC title size when toggle show/hide. */ overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; margin: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { margin: var(--layout-box-padding) 0 0 0; border-top: 1px solid var(--theme-border-color); padding-top: var(--layout-box-padding); } .toc > ul a { display: block; padding: 2px 8px; border-radius: 4px; transition: background 0.3s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Thumbnails *********/ /* Styles relating to vanilla MediaWiki thumbnails. For legacy reasons this also contains the floatleft, tleft, tright and floatright classes. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/content.thumbnails-screen.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/content.thumbnails-common.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/content.thumbnails-print.less */ .thumb { margin-bottom: var(--layout-gap); border: 0; } .thumb * { box-sizing: content-box; } .thumb .thumbinner { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); font-size: unset; } .thumb a.img { display: block; } .thumb img { background: none; border-color: var(--theme-box-border-color); } .thumb .thumbcaption { font-size: var(--font-size-s); line-height: var(--line-height-s); padding: 0 1px; /* 1px for border of image. */ margin-top: var(--layout-gap); } .thumb .thumbcaption .magnify:first-child { display: none; } div.tleft { margin: 0 var(--layout-gap) var(--layout-gap) 0; } div.tright { margin: 0 0 var(--layout-gap) var(--layout-gap); } /********* Gallery *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.page.gallery.styles/gallery.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.page.gallery.styles/print.less * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.page.gallery.styles/content.media.less */ .gallery.gallery { margin: var(--layout-gap) 0; } .gallery.mw-gallery-traditional { /* Some lengths are hard-coded in html code, so we have to do some tricks. */ --offset-width: -5px; /* html width of .gallerybox>div is width of .thumb + 5px */ --offset-margin: -15px; /* width/height of .thumb is width/height of .thumb>div>img + 15px */ display: flex; flex-wrap: wrap; gap: var(--layout-gap); } .gallery.mw-gallery-traditional .gallerybox { width: unset !important; margin: 0; --offset-left: calc(0px - var(--offset-margin) - var(--layout-box-padding) - 1px); --offset-right: calc(0px - var(--offset-width) - var(--offset-margin) - var(--layout-box-padding) - 1px); } .gallery.mw-gallery-traditional .gallerybox > div { margin: 0 calc(0px - var(--offset-right)) 0 calc(0px - var(--offset-left)); } .gallery.mw-gallery-traditional .gallerybox .thumb { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); margin: 0 var(--offset-right) 0 var(--offset-left); width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb > div > *:first-child { margin-top: var(--offset-margin); margin-bottom: var(--offset-margin); } .gallery.mw-gallery-traditional .gallerybox .thumb a { display: block; } .gallery.mw-gallery-traditional .gallerybox .gallerytext { font-size: var(--font-size-s); line-height: var(--line-height-s); padding: 0 1px; /* 1px for border of image. */ margin: 4px var(--offset-right) var(--layout-gap) var(--offset-left); /* 5px margin-right for .gallerybox>div */ display: flex; flex-direction: column; justify-content: center; align-items: center; } .gallery.mw-gallery-traditional .gallerybox .gallerytext p { width: auto; flex: 0 1 auto; } #mw-category-media .gallery.mw-gallery-traditional .gallerybox .gallerytext { /* on "Category:" pages, left-align the file name and file dimensions/size */ align-items: start; } #mw-category-media .gallery.mw-gallery-traditional .gallerybox .gallerytext .galleryfilename-truncate { /* on "Category:" pages, ensure that the file name is fully visible */ white-space: unset; overflow-wrap: anywhere; word-break: normal; } .gallery.mw-gallery-traditional .gallerycaption { flex-basis: 100%; /* the caption should always be on its own line */ } .mw-gallery-slideshow .gallerybox.slideshow-current { background: var(--theme-text-background-color-highlight); } /********* Unknown *********/ /* Styles which have an unknown/unclear purpose; should be removed if it's clear that * they have no use. If they're still needed, they should be moved to the proper location * and given an explanation. Remember that they might be used by the Terraria Mods Wiki * or a language wiki. */ /* seems unused; [[Special:SpecialPages]] only uses ".mw-specialpages-list" elements */ .mw-specialpages-table { margin-bottom: 0; margin-top: 0; } /* seems unused; [[Special:Contribs]] only uses ".mw-contributions-list" elements */ /* where is this defined in the MediaWiki internal CSS? */ .mw-contributions-table > :nth-child(3) label + select, .mw-contributions-table > :nth-child(4) label + input { display: inline; margin: 0; } .mw-contributions-table .mw-input-with-label { vertical-align: middle; } /* Notification */ /* .theme-mode-dark doesn't seem to be used anymore */ .theme-mode-dark .postedit::after { filter: invert(100%); } /* Warning color */ /* used at least by Extension:Cite; see https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cite/+/refs/heads/REL1_39/src/ErrorReporter.php#103 */ /* where is this defined in the MediaWiki internal CSS? */ .warning { color: var(--oouihelper--yellow); } /* where is this used? where is it defined in the MediaWiki internal CSS? */ .page-content ol.special { list-style-position: inside; margin-left: auto; } /* Remove external link icon */ /* where is this used? where is it defined in the MediaWiki internal CSS? */ .link-https { padding-right: 0; background: none; } /* Larger font for Module: code display (default is smaller than other code pages) */ /* where is this really used? neither short modules (Module:Bananas) nor long modules * (Module:Exclusive/data) have ".lua" or ".source-lua" classes. where is it defined * in the MediaWiki internal CSS? */ pre.lua.source-lua { font-size: 14px !important; } /*********************************************************************************************************** * css for certain templates ***********************************************************************************************************/ /********* Infobox templates *********/ /* Common styles for these infobox templates: * [[Template:Drop infobox]] * [[Template:Item infobox]] * [[Template:Npc infobox]] * (other infobox templates are portable infoboxes instead and do not use the common ".infobox" class) */ .infobox { border: 1px solid var(--theme-box-border-color); border-radius: 8px; --padding: 6px; padding: var(--padding); font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; box-sizing: border-box; } .infobox * { background: none; } .infobox.float-right { float: right; margin: 0.5em 0 0.5em 1em; } .infobox.float-left { float: left; margin: 0.5em 1em 0.5em 0; } .infobox.float-none { float: none; margin: 0.5em 1em 0.5em 0; } .infobox blockquote.quotation { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0 0.25em; margin: 0.5em auto; } .infobox blockquote.quotation:before { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ font-size: 3.5em; left: 0; } .infobox blockquote.quotation div { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0; margin-left: 2em; border-left: 0; } .infobox table { background: none; width: 100%; border-spacing: 0; } .infobox table th, .infobox table td { padding: 2px; vertical-align: middle; } .infobox table th { white-space: nowrap; text-align: right; width: 5em; /* It is possible that an infobox is transcluded inside a table that * has "class=terraria". There is a rule for "table.terraria th" that * sets a background, but we don't want that to affect the <th> * elements of the infobox. Therefore we must override it here. */ background: none; } .infobox > .title, .infobox .section > .title { background: var(--modetabs-background); color: var(--modetabs-text-color); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title { font-size: 15px; padding: 6px 3px; line-height: 1.2; } .infobox > .title > .ename, .infobox > .title > .namesub { display: block; font-size: 12px; font-style: italic; } .infobox > .title > .namesub { color: var(--theme-text-color-note); } .infobox > .title > .namesub:before { content: "("; font-style: normal; margin-right: 1px; } .infobox > .title > .namesub:after { content: ")"; font-style: normal; margin-left: 1px; } .infobox > .title > .namesub.namenote { font-size: 10px; } .infobox .content-section { padding: 6px 3px; } .infobox .variant { color: var(--modetabs-text-color); font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; margin-bottom: 2px; } .infobox .images { position: relative; padding: 6px 0; min-height: 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; } .infobox .images img { max-width: 100%; height: auto; } .infobox ul { list-style: none; margin: auto; text-align: center; } .infobox .section { margin-bottom: 4px; } .infobox .section:last-child { margin-bottom: 0; } .infobox .section > .title:first-child + * { margin-top: 4px; } .infobox .section > .title:first-child + :empty { /* hide empty section contents */ display: none; } .infobox .section > .title:last-child { /* hide titles of empty sections */ display: none; } .infobox .section .stat th .gameText { /* revert the "white-space:pre-wrap" in {{gameText}} in captions, e.g. in the sound section */ white-space: unset; } .infobox .section.buff table, .infobox .section.debuff table { border-bottom: 1px solid var(--theme-box-border-color); margin-bottom: 0.25em; } .infobox .section.buff:after, .infobox .section.debuff:after { content: ""; display: block; height: 4px; margin-top: -7px; background: var(--theme-page-background-color); } .infobox .section.ids { border-top: 1px solid var(--theme-box-border-color); text-align: center; font-size: 10.5px; background: var(--modetabs-background); color: var(--modetabs-text-color); } .infobox .section.ids li { padding: 2px 0; border-bottom: 2px solid var(--theme-page-background-color); margin: 0; font-weight: bold; } .infobox .section.ids li:last-child { border-bottom: 0; } .infobox tr.buff th, .infobox tr.buff td { background: var(--modetabs-background); border: 1px solid var(--modetabs-border-color); } .infobox tr.buff th { border-left: 0; } .infobox tr.buff td { border-right: 0; padding-left: 3px; } .infobox tr.buff td b { font-weight: bold; white-space: nowrap; } .infobox .imageother { text-align: center; padding: 6px 0; border-top: 1px solid var(--theme-box-border-color); } .infobox .imageother .imageothercaption { margin: 0.15em 0 0; } .infobox .tags, .portable-infobox .tags { /* tag list */ --tags-border-color: rgba(var(--theme-text-color--rgb), 0.4); --tags-border-color-linked: rgba(var(--theme-link-color--rgb), 0.4); margin-top: -1px; margin-bottom: -1px; } .infobox .tags .tag, .portable-infobox .tags .tag { border: 1px solid var(--tags-border-color-linked); display: inline-block; padding: 0 4px; border-radius: 3px; margin: 3px 6px 3px auto; } @supports selector(:has(p)) { .infobox .tags .tag, .portable-infobox .tags .tag { border-color: var(--tags-border-color); } .infobox .tags .tag:has(> a), .portable-infobox .tags .tag:has(> a) { border-color: var(--tags-border-color-linked); } } .infobox .tags .tag a, .portable-infobox .tags .tag a { white-space: nowrap; } .modetabs { display: flex; padding: 0 4px; } .modetabs .tab { margin: 0 2px -1px; border-radius: 3px 3px 0 0; background: transparent; padding: 4px 0 3px; text-align: center; font-weight: bold; cursor: pointer; border: 1px solid transparent; border-bottom: none; } .modetabs .tab.current { background: var(--theme-box-background); border-color: var(--theme-box-border-color); } .modetabs .tab:hover { text-decoration: underline; } .infobox .modetabs { border-bottom: 1px solid var(--theme-box-border-color); margin: 6px -6px; } .infobox .modetabs .tab { flex: 1 1 33.33333333%; } /* -------------------------------------------------------- */ /* classic/expert/master mode tabber */ /* -------------------------------------------------------- */ .infobox, .portable-infobox, .infotable { --modetabs-background: var(--theme-modetabs-classic-background); --modetabs-border-color: var(--theme-modetabs-classic-border-color); --modetabs-text-color: var(--theme-modetabs-classic-text-color); } .modesbox.c-normal .m-expert, .modesbox.c-normal .m-master, .modesbox.c-normal .m-expert-master { display: none !important; } .modesbox.c-expert { --modetabs-background: var(--theme-modetabs-expert-background); --modetabs-border-color: var(--theme-modetabs-expert-border-color); --modetabs-text-color: var(--theme-modetabs-expert-text-color); } .modesbox.c-expert .m-normal, .modesbox.c-expert .m-master, .modesbox.c-expert .m-normal-master { display: none !important; } .modesbox.c-master { --modetabs-background: var(--theme-modetabs-master-background); --modetabs-border-color: var(--theme-modetabs-master-border-color); --modetabs-text-color: var(--theme-modetabs-master-text-color); } .modesbox.c-master .m-normal, .modesbox.c-master .m-expert, .modesbox.c-master .m-normal-expert { display: none !important; } .modesbox.expertonly .m-normal, .modesbox .expertonly .m-normal { display: none !important; } .modesbox.masteronly .m-normal, .modesbox.masteronly .m-expert, .modesbox .masteronly .m-normal, .modesbox .masteronly .m-expert { display: none !important; } /********* Portable infobox theme *********/ /* Extension:PortableInfobox */ /* Portable infobox templates: * [[Template:Buff infobox]] * [[Template:Patch infobox]] * [[Template:Re-Logic staff infobox]] * [[Template:Software infobox]] * [[Template:User infobox]] */ .portable-infobox { --pi-border-color: var(--theme-box-border-color); /* this variable is also used by some other rules not listed here */ border: 1px solid var(--pi-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; width: 21em; box-sizing: border-box; } .portable-infobox .pi-data, .portable-infobox .pi-group { border: none; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { color: var(--modetabs-text-color); text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--modetabs-background); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); } .portable-infobox .pi-title { font-weight: bold; font-size: 15px; padding: 6px 3px; line-height: 1.2; } .portable-infobox .pi-title + .pi-group, .portable-infobox .pi-group.pi-collapse-closed + .pi-group { margin-top: 4px; } .portable-infobox .pi-header { padding: 2px 0; } .portable-infobox .pi-secondary-font { font-size: 12px; line-height: 1.5; /* Set the font-family to the standard text font. "h3.pi-secondary-font" * elements (the "data labels" get a different font because they are "h3" * elements, but they should look the same as the "data value" elements. */ font-family: var(--font-family); } .portable-infobox .pi-navigation { background-color: transparent; border-top: 1px solid var(--pi-border-color); font-size: 11.5px; } .portable-infobox .pi-data.pi-item .pi-data-label { flex-basis: 120px; text-align: right; hyphens: unset; /* overwriting the default "hyphens:auto" */ } .portable-infobox .pi-group.pi-collapse .pi-header { cursor: pointer; } .portable-infobox .pi-image { margin: 6px; } .portable-infobox .pi-image img { max-width: 100%; height: auto; } .portable-infobox h2::after { /* Hide the line that is displayed below normal h2 elements by default */ display: none; } @media screen and (min-width: 720px) { .client-js .pi-collapse .pi-header:first-child { padding-right: 0; } } /********* [[Template:Item infobox]] *********/ .item.infobox { width: 21em; } .item.infobox .images { min-height: 50px; } .item.infobox .images .auto, .item.infobox .images .stack { position: absolute; right: 3px; } .item.infobox .images .auto { top: 3px; } .item.infobox .images .stack { bottom: 3px; } .item.infobox .images ul.infobox-inline > li { display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; vertical-align: middle; line-height: 2px; } .item.infobox .images ul.infobox-inline > li::before { content: ""; display: block; width: 1px; background: var(--theme-box-border-color); height: 80%; position: absolute; left: 0; top: 10%; } .item.infobox .images ul.infobox-inline > li:first-child { padding: 0 8px; } .item.infobox .images ul.infobox-inline > li:first-child::before { display: none; } .item.infobox .images ul.infobox-block > li { display: block; padding: 13px 0 0 0; margin: auto; position: relative; } .item.infobox .images ul.infobox-block > li::before { content: ""; display: block; height: 1px; background: var(--theme-box-border-color); width: 80%; position: absolute; left: 10%; top: 6px; } .item.infobox .images ul.infobox-block > li:first-child { padding-top: 0; } .item.infobox .images ul.infobox-block > li:first-child::before { display: none; } .item.infobox .images hr { background-color: var(--theme-box-border-color); margin: 0.5em 0; } .item.infobox .section { overflow: hidden; } .item.infobox .section.projectile, .item.infobox .section.mount { text-align: center; } .item.infobox .section.projectile .name, .item.infobox .section.mount .name { font-size: 10.5px; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .item.infobox .section.projectile .image, .item.infobox .section.mount .image { margin: 0.25em 0.5em 0.5em; } .item.infobox .section.projectile img { max-width: 100%; height: auto; } .item.infobox .section.projectile .name { margin-top: 0.25em; } .item.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .item.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .item.infobox .section.drop table { /* drop info section in item infobox */ margin-top: 6px; margin-bottom: 6px; } .item.infobox .section.drop .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" * rule for the contents of the sortable column headers */ background-image: unset; } .item.infobox .section.drop td { border-top: 1px solid var(--theme-box-border-color); } .item.infobox .section.drop td:first-child s { display: none; } .item.infobox .section.drop th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .item.infobox .section.drop th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .item.infobox .section.drop th:last-child.headerSort { padding-right: 21px; } .item.infobox .section.drop th:first-child, .item.infobox .section.drop td:first-child { text-align: left; width: 0; } .item.infobox .section.drop th:nth-child(2), .item.infobox .section.drop td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .item.infobox .section.drop th:last-child, .item.infobox .section.drop td:last-child { text-align: right; width: 0; min-width: 4em; } .item.infobox .section.drop .entity-name { display: flex; align-items: center; } .item.infobox .section.drop .entity-img img, .item.infobox .section.drop .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .item.infobox .section.drop .nodrop-note { text-align: center; padding-top: 6px; } .item.infobox .section.drop > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .item.infobox .section.drop > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .item.infobox .section.drop > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .item.infobox .section.drop > .mw-collapsible-toggle:after { content: ""; } .item.infobox ul.toolpower { padding: 6px 0; cursor: help; } .item.infobox ul.toolpower li { display: inline-block; padding: 0 0.5em; } .item.infobox ul.toolpower li > img { width: 16px; height: 16px; object-fit: cover; object-position: 0 0; filter: var(--ooui--icon-normal-filter); } .item.infobox ul.toolpower .zero { opacity: 0.5; } .item.infobox td.tvm { /* ammo pages: Total Velocity Multiplier line */ font-weight: bold; padding-left: 5px; } .item.infobox th.tvm, .item.infobox td.tvm { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .small-bold { /* Styling for damagetype and width/height. Use time and knockback use other * classes (.usetime, .knockback) but those have the same styling. */ font-size: 10.5px; font-weight: bold; } /********* [[Template:Npc infobox]] *********/ .npc.infobox { width: 21em; } .npc.infobox .section { overflow: hidden; } .npc.infobox .section.drops .drops.items { margin-top: 4px; margin-bottom: 0; } .npc.infobox .section.projectile { text-align: center; } .npc.infobox .section.projectile img { max-width: calc(100% - var(--padding) * 2); height: auto; } .npc.infobox .section.projectile .image { margin: 0.25em 0.5em 0.5em; } .npc.infobox .section.projectile .name { font-size: 10.5px; margin-top: 0.25em; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .npc.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .npc.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .npc.infobox .statistics table th { width: 6em; } .npc.infobox .immunities > div { margin: -1px; } .npc.infobox .immunities .i { margin: 1px; } .npc.infobox .drops td:first-child { text-align: left; } .npc.infobox .drops td:last-child { text-align: right; } .npc.infobox .drops th:first-child { text-align: left; border-right: 0; } .npc.infobox .drops.money table th { width: 1px; } .npc.infobox .drops.items li { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; padding: 3px 0; margin-bottom: auto; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; position: relative; } .npc.infobox .drops.items li:first-child { background: var(--modetabs-background); color: var(--modetabs-text-color); padding: 2px 6px; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li > div { display: block; } .npc.infobox .drops.items li > div:first-child { text-align: left; } .npc.infobox .drops.items li > div:last-child { text-align: right; } .npc.infobox .drops.items li.notebox { display: block; text-align: center; padding: 0; } .npc.infobox .drops.items li.notebox > div { text-align: center; border-width: 1px; border-style: dashed; border-color: rgba(var(--theme-border-color--rgb), 0.8); border-radius: 3px; margin: 3px auto; padding: 2px 0; } .npc.infobox .drops.items li.note-before, .npc.infobox .drops.items li.note-after { display: block; } .npc.infobox .drops.items li.note-before > div, .npc.infobox .drops.items li.note-after > div { text-align: center; } .npc.infobox .drops.items li.note-before { padding-bottom: 0; margin-bottom: -3px; } .npc.infobox .drops.items li.note-before + li { border-top: 0; } .npc.infobox .drops.items li.note-after { margin-top: -2px; border-top: 0; padding-top: 0; } .npc.infobox .drops.items li .i > span:first-of-type > div.note { /* note2 of {{item}}s in drops list */ font-size: 11px; line-height: 12px; } .npc.infobox .drops.items li.caption { line-height: 1.1; text-align: center; color: var(--modetabs-text-color); background: var(--modetabs-background); display: block; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li.caption.trsbg { /* "Treasure Bag contents" caption */ border-bottom-width: 2px; margin-bottom: 2px; padding-bottom: 5px; } .npc.infobox .drops.items li.caption.trsbg + li { border-top-width: 1px; border-top-style: solid; } .npc.infobox .drops.items li.caption + li.group { border-top-width: 0; } .npc.infobox .drops.items li.caption.group_end { padding-bottom: 5px; } .npc.infobox .drops.items li.group_end { border-bottom-width: 2px; position: relative; margin-bottom: 2px; } .npc.infobox .drops.items li.group { border-color: rgba(var(--theme-border-color--rgb), 0.35); } .npc.infobox .drops.items li.groupstart, .npc.infobox .drops.items li.groupend + li { border-top-width: 2px; } .npc.infobox .drops.items li.groupend { display: none; } .npc.infobox .drops.items li.loot { border-color: rgba(var(--theme-border-color--rgb), 0.35); margin-left: 1.5em; } .npc.infobox .drops.items li.loot:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 100px; background: var(--theme-text-color); position: absolute; left: -1em; top: 50%; transform: translateY(-50%); } .npc.infobox .drops.items li.loot.caption:before { display: none; } .npc.infobox .drops.items li.lootstart, .npc.infobox .drops.items li.lootend { display: none; } .npc.infobox table.drops.money span.money { display: block; } .npc.infobox table.drops.money span.sep { display: block; text-indent: -9999px; height: 1px; overflow: hidden; } ul.table-npcdrops { /* npc drops list in tableview */ text-align: left; margin: auto; } .table-npcdrops > li { list-style: none; margin-bottom: 2px; } .table-npcdrops > li:last-child { margin-bottom: auto; } .table-npcdrops > li > div { display: inline-block; } .table-npcdrops > li > div:last-child { margin-left: 0.25em; } .table-npcdrops > li > div:last-child:before { content: " ("; } .table-npcdrops > li > div:last-child:after { content: ")"; } .npc.infotable { display: grid; grid-template-columns: [tab-left table-left] auto [tab-right note-left] auto [note-right table-right]; grid-template-rows: [tab-start note-start] auto [tab-end note-end table-start] auto [table-end]; width: fit-content; max-width: 100%; } .npc.infotable th { /* "background-color" specifically is necessary here (instead of just * "background" because these "th" elements are potentially sortable. In * that case they are affected by the "th.headerSort" rule from * jquery-tablesorter, where "background-image" is set (for the little * arrow icons). Just "background" would overwrite that and hide the * arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); } .npc.infotable > .statnote { grid-column: note-left/note-right; grid-row: note-start/note-end; text-align: right; font-size: 10px; line-height: 14px; padding-right: 9px; color: var(--theme-text-color-note); } .npc.infotable.note-no > .statnote { display: none; } .npc.infotable.note-bottom { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable.note-bottom > .statnote { text-align: left; } @media screen and (max-width: 640px) { .npc.infotable { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable > .statnote { text-align: left; } } .npc.infotable > .table { grid-column: table-left/table-right; grid-row: table-start/table-end; z-index: 10; margin: 0; border: 1px solid var(--theme-box-border-color); border-radius: 0 8px 8px 8px; padding: 6px; width: 100%; overflow: hidden; } .npc.infotable > .table > table { margin: 0; } .npc.infotable > .table > table.terraria { margin-top: 0 !important; } .npc.infotable .modetabs { grid-column: tab-left/tab-right; grid-row: tab-start/tab-end; z-index: 20; } .npc.infotable .modetabs .tab { margin: 0 5px -1px 0; padding: 4px 1em; } .npc.infotable td.infobox-block span.npcstat, .npc.infotable td.infobox-block span.npcstat .s { display: block; } .npc.infotable td.infobox-block span.npcstat + br, .npc.infotable td.infobox-block span.npcstat .sep { display: none; } .npcstat .ssep { display: inline; padding-left: 0.5em; padding-right: 0.5em; } .npc.infobox .npcstat .ssep, .npc.infotable .npcstat .ssep { display: none; } .npcstat span.prefix, .npcstat span.postfix { display: inline; color: var(--theme-text-color-note); font-weight: normal; font-size: 0.85em; } .npcstat.prefix .s, .npcstat.postfix .s { display: block; } /********* [[Template:Drop infobox]] *********/ .drop.infobox .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" rule * for the contents of the sortable column headers */ background-image: unset; } .drop.infobox table { margin-top: 6px; margin-bottom: 6px; } .drop.infobox td { border-top: 1px solid var(--theme-box-border-color); } .drop.infobox td:first-child s { display: none; } .drop.infobox th:first-child, .drop.infobox td:first-child { text-align: left; width: 0; } .drop.infobox th:nth-child(2), .drop.infobox td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .drop.infobox th:last-child, .drop.infobox td:last-child { text-align: right; width: 0; min-width: 4em; } .drop.infobox th { /* "background-color" specifically is necessary here (instead of just * "background" because these sortable "th" elements have a "th.headerSort" * rule from jquery-tablesorter, where "background-image" is set (for * the little arrow icons). Just "background" would overwrite that and * hide the arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); border-bottom: 1px var(--modetabs-border-color) solid; border-right: 0; padding: 2px 5px; } .drop.infobox th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .drop.infobox th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .drop.infobox th:last-child.headerSort { padding-right: 21px; } .drop.infobox .entity-name { display: flex; align-items: center; } .drop.infobox .entity-img img, .drop.infobox .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .drop.infobox .nodrop-note { text-align: center; padding-top: 6px; } .drop.infobox > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .drop.infobox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .drop.infobox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .drop.infobox > .mw-collapsible-toggle:after { content: ""; } /********* [[Template:Infobox wrapper]] *********/ .infobox-wrapper.float-right { float: right; margin-left: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-right { float: none; margin-left: auto; } } .infobox-wrapper.float-left { float: left; margin-right: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-left { float: none; margin-right: auto; } } .infobox-wrapper.float-none { float: none; } .infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none { float: none; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none { float: none; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } /********* [[Template:Crafts]] *********/ /* This template no longer exists on the English Terraria Wiki but it is still * used on the Terraria Mods Wiki and possibly some language wikis */ /* match the appearance of table.terraria */ table.crafts { /* must be "table.crafts", ".crafts" is not enough */ margin: 0.5em 0; border-spacing: 0; line-height: 1.5; border: 1px solid var(--theme-box-border-color); border-radius: 6px; } table.crafts table { border-collapse: collapse; border: 2px solid transparent; } .crafts caption { font-size: 16px; background: var(--theme-highlight-background); padding: 6px 8px; position: relative; font-weight: bold; white-space: nowrap; margin: 2px; } .crafts caption > i, .crafts caption > b { vertical-align: middle; } .crafts table th, .crafts table td { padding: 4px 8px; border: 1px solid var(--theme-box-border-color); } .crafts table th { background: var(--theme-highlight-background); background-clip: padding-box; } .crafts td { border: 0; padding: 2px; } .crafts td.result, .crafts td.ingredients { white-space: nowrap; } .crafts td.result .version-note { margin-bottom: 0.25em; } .crafts td.result .result-note { margin-top: 0.25em; } .crafts td.station { text-align: center; } .crafts td.station > b, .crafts td.station > i { vertical-align: middle; } .crafts td.station span.water { display: inline-block; vertical-align: middle; } .crafts.nostation th.station, .crafts.nostation td.station { display: none; } .crafts .i > span, .crafts .note-text { /* itemlink default as multiline */ line-height: 1.25; vertical-align: middle; } .crafts .ingredients ul, .crafting-ingredients > ul { margin: -3px 0; list-style: none; } .crafts .ingredients li, .crafting-ingredients > ul > li { margin: 3px auto; } .recipe.compact .result-note { margin-left: 2px; } /********* [[Template:Recipes]] *********/ /* match the appearance of table.terraria */ .recipes caption > b, .recipes caption > i { vertical-align: middle; } .recipes .ib { display: inline-block; vertical-align: middle; } .recipes th, .recipes td { padding: 4px 8px; } .recipes td.result, .recipes td.ingredients { white-space: nowrap; } .recipes td.result .version-note { margin-bottom: 4px; } .recipes td.result .result-note { margin-top: 4px; } .recipes td.station { text-align: center; } .recipes td.station > b, .recipes td.station > i { vertical-align: middle; } .recipes.nostation th.station, .recipes.nostation td.station { display: none; } .recipes .i > span, .recipes .am { /* itemlink default as multiline */ line-height: 18px; vertical-align: middle; } .recipes .am { color: var(--theme-text-color-note); } .recipes .am::before { /* thin spaces around multiplication sign */ content: " × "; } .recipes .ingredients ul { margin: -3px 0; list-style: none; } .recipes .ingredients ul > li { margin: 3px auto; } .recipes.compact .result-note { margin-left: 2px; } /********* [[Template:Diagram]] *********/ table.diagram { border-spacing: 0; background: transparent; --connector-border-color: var(--theme-box-border-color); } table.diagram.diagramdoc { /* theme-text-color gives the connectors better visibility in the template documentation */ --connector-border-color: var(--theme-text-color); border: 1px solid var(--theme-box-border-color-light); border-radius: 4px; padding: 0.5em; } table.diagram tr { height: 1px; text-align: center; } table.diagram td.l { border-style: none; border-width: 1px; border-color: var(--connector-border-color); padding: 0.5em; } table.diagram td.n { padding: 0; } table.diagram td.db { border-bottom-style: dashed; } table.diagram td.dr { border-right-style: dashed; } table.diagram td.sb { border-bottom-style: solid; } table.diagram td.sr { border-right-style: solid; } table.diagram td.nb { border-bottom-style: solid; border-bottom-color: transparent; } table.diagram td.nr { border-right-style: solid; border-right-color: transparent; } table.diagram td.cf { position: relative; } table.diagram td.cf:after { content: ""; display: block; position: absolute; width: 0.9px; height: 1px; border-bottom: 1px solid var(--connector-border-color); right: 0; bottom: 0; } table.diagram td.alt { position: relative; } table.diagram td.alt:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); left: 0; bottom: -1px; border-width: 3px 8px 1px 0; border-top-color: transparent; } table.diagram td.alb { position: relative; } table.diagram td.alb:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); left: 0; top: 0; border-width: 0 8px 3px 0; border-bottom-color: transparent; } table.diagram td.art { position: relative; } table.diagram td.art:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); right: 0; bottom: -1px; border-width: 3px 0 1px 8px; border-top-color: transparent; } table.diagram td.arb { position: relative; } table.diagram td.arb:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); right: 0; top: 0; border-width: 0 0 3px 8px; border-bottom-color: transparent; } table.diagram td.atl { position: relative; } table.diagram td.atl:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); right: -1px; top: 0; border-width: 0 1px 8px 3px; border-left-color: transparent; } table.diagram td.atr { position: relative; } table.diagram td.atr:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); left: 0; top: 0; border-width: 0 3px 8px 0; border-right-color: transparent; } table.diagram td.abl { position: relative; } table.diagram td.abl:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); right: -1px; bottom: 0; border-width: 8px 1px 0 3px; border-left-color: transparent; } table.diagram td.abr { position: relative; } table.diagram td.abr:before { content: ""; display: block; position: absolute; width: 0; height: 0; box-sizing: content-box; border-style: solid; border-color: var(--connector-border-color); left: 0; bottom: 0; border-width: 8px 3px 0 0; border-right-color: transparent; } table.diagram td.ct, table.diagram td.cb { position: relative; } table.diagram td.sr.cb { border-right-color: transparent; } table.diagram td.ct:before { content: ""; display: block; position: absolute; border-style: solid; border-color: var(--connector-border-color); right: 0; top: 0; width: 100%; height: calc(100% - 4px); border-width: 0 1px 0 0; } table.diagram td.cb:before { content: ""; display: block; position: absolute; border-style: solid; border-color: var(--connector-border-color); right: -1px; bottom: 0; width: 100%; height: calc(100% - 4px); border-width: 0 1px 0 0; } table.diagram td.ct:after { content: ""; display: block; position: absolute; border-style: solid; border-color: var(--connector-border-color); right: -4px; bottom: -5px; width: 5px; height: 9px; border-width: 1px 1px 1px 0; border-radius: 0 10px 10px 0; } table.diagram td.no-border { border: none; } table.diagram td.craft-station { border: none; padding: 2px 0; } .diagram-box { border-width: 2px; border-style: solid; border-color: var(--theme-box-border-color); border-radius: 7px; padding: 0.25em 0.5em; } .diagram-box .note-text { line-height: 1.25; margin-top: 0.25em; } .diagram-box > .note-text:first-child { margin-top: auto; } .diagram-box > img:first-child { margin-top: 2px; } /****** crafting-tree ******/ .crafting-tree { overflow: auto; padding: 0.5em 0; font-size: 12px; line-height: 1.25; } .crafting-tree .diagram { white-space: nowrap; } /********* [[Template:Card]] *********/ .card { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); box-sizing: border-box; margin: 0.5em; width: fit-content; } .card > .heading { background-color: var(--theme-highlight-background); font-weight: bold; margin-bottom: 0.5em; padding: 0.25em 0.5em; } .card > .heading:empty { display: none; } .card > .content { padding: 0 0.5em; } /********* [[Template:Infocard]] *********/ .infocard { box-sizing: border-box; --infocard-padding: 1em; --infocard-padding-negative: calc(var(--infocard-padding) * -1); --infocard-padding-half: calc(var(--infocard-padding) * 0.5); --infocard-padding-half-negative: calc(var(--infocard-padding-negative) * 0.5); --infocard-icon-right-offset: -2em; --infocard-box-title-font-size: 1.5em; --infocard-box-title-font-weight: lighter; --infocard-main-heading-font-size: 2em; padding: var(--infocard-padding); border: 1px solid var(--theme-box-border-color); border-radius: 6px; width: 100%; overflow: hidden; min-width: 300px; position: relative; background: var(--theme-background); } .infocard * { box-sizing: border-box; } .infocard + .infocard { /* gap between subsequent infocard elements */ margin-top: 0.5em; } .infocard.auto-width { width: unset; } .infocard.compact { --infocard-padding: 0.5em; --infocard-icon-right-offset: -2.5em; --infocard-box-title-font-size: 100%; --infocard-box-title-font-weight: bold; --infocard-main-heading-font-size: 1.25em; min-width: 240px; } .infocard > .intro { margin: 1em 0; min-width: 200px; } @media screen and (max-width: 720px) { .infocard .outro .content { overflow-x: auto; } } .infocard .heading { margin: 1em 0 var(--infocard-padding-half); font-weight: bold; } .infocard .main-heading { border-right: 3em solid transparent; position: relative; line-height: 1; padding-left: var(--infocard-padding); margin: var(--infocard-padding) var(--infocard-padding-negative); background: var(--theme-highlight-background); } @media screen and (max-width: 450px) { .infocard .main-heading { padding-right: 0 !important; } } .infocard .main-heading .hgroup { display: inline-block; margin-left: 4px; padding: 0 var(--infocard-padding); background: var(--theme-background); } .infocard .main-heading .hgroup > .main { font-size: var(--infocard-main-heading-font-size); color: var(--theme-text-color-highlight); } .infocard .main-heading .hgroup > .main > .namenote { font-size: 62.5%; color: var(--theme-text-color-note); } .infocard .main-heading .icon { position: absolute; right: var(--infocard-icon-right-offset); top: 50%; transform: translateY(-50%); z-index: 1; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; width: var(--iconsize); height: var(--iconsize); } .infocard .main-heading .icon.frame { border: 1px solid var(--theme-box-border-color); border-radius: 4px; background: var(--theme-page-background-color); } .infocard .main-heading .icon.frame.round { border-radius: 100%; } .infocard > .minicard { float: right; margin: -1em 1em 0.75em 0.75em; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); position: relative; z-index: 5; } @media screen and (max-width: 450px) { .infocard > .minicard { float: none; margin: 0; } } .infocard > .minicard .image { background: var(--theme-box-border-color); border-left: 1px solid var(--theme-box-border-color); border-right: 1px solid var(--theme-box-border-color); box-shadow: var(--theme-widget-shadow); } @media screen and (max-width: 450px) { .infocard > .minicard .image { width: 100% !important; text-align: center; } } .infocard > .minicard .content { border: 1px solid var(--theme-box-border-color); border-top: 0; background: var(--theme-background); border-radius: 0 0 4px 4px; padding: 0 0.75em; box-shadow: var(--theme-widget-shadow); } @media screen and (max-width: 450px) { .infocard > .minicard .content { width: 100% !important; } } .infocard > .minicard .content > .intro { margin-top: 0.75em; } .infocard > .minicard .content > dl { margin: 0.75em 0; } .infocard > .minicard .content dt { font-weight: bold; margin-top: 0.75em; } .infocard > .minicard .content dd { margin: 0; } .infocard > .minicard .content > .outro { margin-bottom: 0.75em; } .infocard .box { padding: var(--infocard-padding); margin: 1em 0; background-color: var(--theme-box-background); border: 1px solid var(--theme-widget-border-color); border-radius: 4px; } .infocard .box > .title { line-height: 1; display: inline-block; margin-left: var(--infocard-padding-negative); padding: 0 1em 0 var(--infocard-padding-half); min-width: 5em; border-left: var(--infocard-padding-half) solid transparent; border-left-color: transparent; } .infocard .box > .title > span { font-weight: var(--infocard-box-title-font-weight); font-size: var(--infocard-box-title-font-size); } .infocard .box > .content { margin-top: 4px; } .infocard.biome .main-heading + div { display: flex; flex-wrap: wrap; margin: 0 var(--infocard-padding-half-negative) var(--infocard-padding-negative); } .infocard.biome .main-heading + div > .box { margin: 0 var(--infocard-padding-half) var(--infocard-padding); flex: 1 1 auto; } .infocard.biome .main-heading + div > .box:last-child, .infocard.biome .main-heading + div > .box.last { flex: 10 10 auto; } .infocard.biome .main-heading + div > .box .dotlist { margin-top: -2px; } .infocard.biome .main-heading + div > .box .dotlist li { margin-top: 2px; } /********* [[Template:Navbox]] *********/ /**** new navbox: RANGER ****/ /** as of Module:navbox version 1.2.0 **/ /********************************************************** * Template:Navbox (RANGER) (needs semantic horizontal lists above) * ***********************************************************/ .ranger-navbox { --navbox-background: none; /* for entire navbox */ --navbox-margin: 0.5em auto; --navbox-padding: 4px; --navbox-gap: 3px; /* when using zero-value, it must be 0px */ --navbox-outer-border-color: var(--wiki-content-border-color--accent); --navbox-outer-border-width: 1px; --navbox-outer-border-style: solid; --navbox-outer-border-radius: 0px; --navbox-font-size: calc(1em - 2px); --navbox-title-color: var(--wiki-accent-label-color); --navbox-title-font-size: calc(125%); --navbox-title-background: var(--wiki-accent-color); --navbox-title-icon-color: var(--wiki-accent-label-color); --navbox-title-link-color: var(--navbox-title-color); --navbox-title-link-color--visited: var(--navbox-title-link-color); --navbox-title-link-color--hover: var(--wiki-accent-link-color); --navbox-title-redlink-color: var(--navbox-title-link-color); --navbox-title-link-decoration: underline solid; --navbox-title-redlink-decoration: underline wavy; --navbox-title-padding--y: 0.5em; --navbox-above-background: rgba(var(--wiki-content-text-color--rgb), 0.15); --navbox-above-color: var(--wiki-content-text-color); --navbox-above-padding: var(--navbox-list-padding); --navbox-below-background: var(--navbox-above-background); --navbox-below-color: var(--navbox-above-color); --navbox-below-padding: var(--navbox-above-padding); --navbox-header-color: var(--navbox-title-color); --navbox-header-font-size: calc(110%); --navbox-header-background: var(--navbox-title-background); --navbox-header-icon-color: var(--navbox-title-icon-color); --navbox-header-link-color: var(--navbox-title-link-color); --navbox-header-link-color--visited: var(--navbox-title-link-color--visited); --navbox-header-link-color--hover: var(--navbox-title-link-color--hover); --navbox-header-redlink-color: var(--navbox-title-redlink-color); --navbox-header-link-decoration: var(--navbox-title-link-decoration); --navbox-header-redlink-decoration: var(--navbox-title-redlink-decoration); --navbox-header-padding--y: 0.3em; --navbox-subheader-font-size: calc(100%); --navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2); --navbox-list-background: rgba(var(--wiki-content-text-color--rgb), 0.05); --navbox-list-background--striped: rgba(var(--wiki-content-text-color--rgb), 0.08); --navbox-list-color: var(--wiki-content-text-color); --navbox-list-padding: 0.25em 0.5em; /* --navbox-group-* also apply to .ranger-subgroup */ --navbox-group-text-align: left; --navbox-group-text-align--mobile: left; /* only for mobile view */ --navbox-group-background: rgba(var(--wiki-accent-color--rgb), 0.2); --navbox-group-color: var(--wiki-content-text-color); --navbox-group-padding: var(--navbox-list-padding); --navbox-tree-line-color: var(--navbox-group-background); --navbox-tree-line-width: 2px; --navbox-tree-indent: 1em; --navbox-tree-line-indent: 0.5em; --navbox-tree-line-spacing: var(--navbox-gap); --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-metalinks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --navbox-icon-offset--x: 0.5rem; /* should be an absolute length (rem-based or px-based) */ } .ranger-navbox.no-underline-title-links { --navbox-title-link-color: var(--wiki-accent-link-color); --navbox-title-link-decoration: none; --navbox-title-redlink-decoration: none; } .ranger-navbox.noborder, .ranger-navbox.no-border { --navbox-padding: 0px; --navbox-outer-border-width: 0px; } .ranger-navbox { border-color: var(--navbox-outer-border-color); border-style: var(--navbox-outer-border-style); border-width: var(--navbox-outer-border-width); border-radius: var(--navbox-outer-border-radius); padding: var(--navbox-padding); font-size: var(--navbox-font-size); margin: var(--navbox-margin); background: var(--navbox-background); line-height: 1.5; clear: both; } .ranger-navbox * { border: 0; } .ranger-navbox .center * { margin-left: unset; margin-right: unset; } .ranger-navbox, .ranger-navbox .ranger-section, .ranger-navbox .ranger-listbox { display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-title, .ranger-navbox .ranger-header { text-align: center; min-height: 1.5em; position: relative; z-index: 0; font-weight: bold; } .ranger-navbox .ranger-title { color: var(--navbox-title-color); background: var(--navbox-title-background); font-size: var(--navbox-title-font-size); padding: var(--navbox-title-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a:visited, .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited, .ranger-navbox .ranger-title a.external:hover { text-decoration: var(--navbox-title-link-decoration); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited { text-decoration: var(--navbox-title-redlink-decoration); } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited { color: var(--navbox-title-link-color); } .ranger-navbox .ranger-title a:visited { color: var(--navbox-title-link-color--visited); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited { color: var(--navbox-title-redlink-color); } .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a:visited:hover, .ranger-navbox .ranger-title a.external:hover, .ranger-navbox .ranger-title a.external:visited:hover { color: var(--navbox-title-link-color--hover); } .ranger-navbox .ranger-header { color: var(--navbox-header-color); background: var(--navbox-header-background); font-size: var(--navbox-header-font-size); padding: var(--navbox-header-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-sublist .ranger-header { font-size: var(--navbox-subheader-font-size); padding: var(--navbox-subheader-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a:visited, .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited, .ranger-navbox .ranger-header a.external:hover { text-decoration: var(--navbox-header-link-decoration); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited { text-decoration: var(--navbox-header-redlink-decoration); } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited { color: var(--navbox-header-link-color); } .ranger-navbox .ranger-header a:visited { color: var(--navbox-header-link-color--visited); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited { color: var(--navbox-header-redlink-color); } .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a:visited:hover, .ranger-navbox .ranger-header a.external:hover, .ranger-navbox .ranger-header a.external:visited:hover { color: var(--navbox-header-link-color--hover); } .ranger-navbox .ranger-meta { font-size: var(--navbox-title-font-size); position: absolute; left: var(--navbox-icon-offset--x); top: calc(var(--navbox-title-padding--y) + 0.08em); /* 0.08em: vertial offset tweak based on the icon graph */ display: block; } .ranger-navbox .ranger-meta .nv { --mask: var(--icon-metalinks); display: block; width: 0.84em; /* based on the icon graph */ height: 0.84em; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); } .ranger-navbox .ranger-meta .nv > a { display: block; width: 100%; height: 100%; opacity: 0; } .ranger-navbox .ranger-meta .nv > a > span { display: block; width: 100%; height: 100%; overflow: hidden; } .ranger-navbox .ranger-meta:has(.mw-selflink) { display: none; } .ranger-navbox, .ranger-navbox .ranger-section { position: relative; } .ranger .mw-collapsible-toggle-placeholder { display: none; } .ranger-navbox .ranger-title > .ranger-title-text, .ranger-navbox .ranger-header > .ranger-header-text { pointer-events: none; } .ranger-navbox .ranger-title > .ranger-title-text a, .ranger-navbox .ranger-header > .ranger-header-text a { pointer-events: auto; } .ranger-navbox .ranger-title > .mw-collapsible-toggle, .ranger-navbox .ranger-header > .mw-collapsible-toggle { --mask: var(--icon-chevron-down); position: absolute; right: 0; top: 0; z-index: -1; display: block; width: 100%; height: 100%; overflow: hidden; } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle { width: 1.5em; height: 1.5em; right: var(--navbox-icon-offset--x); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle { top: var(--navbox-title-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle { top: var(--navbox-header-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-sublist .ranger-header > .mw-collapsible-toggle { top: var(--navbox-subheader-padding--y); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle::before { content: ""; display: block; width: 1.5em; height: 1.5em; position: absolute; right: var(--navbox-icon-offset--x); -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); transform: scaleY(-1); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before { top: var(--navbox-title-padding--y); } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before { top: var(--navbox-header-padding--y); } .ranger-navbox .ranger-sublist .ranger-header > .mw-collapsible-toggle::before { top: var(--navbox-subheader-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle::before { top: 0; right: 0; } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before { background-color: var(--navbox-header-icon-color); } .ranger-navbox .ranger-title > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before { transform: none; } .ranger-navbox .ranger-title > .mw-collapsible-toggle *, .ranger-navbox .ranger-title > .mw-collapsible-toggle::after, .ranger-navbox .ranger-header > .mw-collapsible-toggle *, .ranger-navbox .ranger-header > .mw-collapsible-toggle::after { display: none; } .ranger-navbox .ranger-list { width: unset; padding: var(--navbox-list-padding); } .ranger-navbox .ranger-above { background: var(--navbox-above-background); color: var(--navbox-above-color); padding: var(--navbox-above-padding); width: unset; } .ranger-navbox .ranger-below { background: var(--navbox-below-background); color: var(--navbox-below-color); padding: var(--navbox-below-padding); width: unset; } .ranger-navbox .ranger-sublist { display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-section-body { display: grid; gap: var(--navbox-gap); grid-template-columns: auto minmax(0, 1fr); } .ranger-navbox .ranger-row { display: contents; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup { text-align: var(--navbox-group-text-align); white-space: nowrap; font-weight: bold; background: var(--navbox-group-background); color: var(--navbox-group-color); padding: var(--navbox-group-padding); width: unset; } /* for desktop view */ .ranger-navbox.group-align-left .ranger-group, .ranger-navbox.group-align-left .ranger-subgroup { --navbox-group-text-align: left; } .ranger-navbox.group-align-center .ranger-group, .ranger-navbox.group-align-center .ranger-subgroup { --navbox-group-text-align: center; } .ranger-navbox.group-align-right .ranger-group, .ranger-navbox.group-align-right .ranger-subgroup { --navbox-group-text-align: right; } /* for mobile view */ .ranger-navbox.mobile-group-align-left .ranger-group, .ranger-navbox.mobile-group-align-left .ranger-subgroup { --navbox-group-text-align--mobile: left; } .ranger-navbox.mobile-group-align-center .ranger-group, .ranger-navbox.mobile-group-align-center .ranger-subgroup { --navbox-group-text-align--mobile: center; } .ranger-navbox.mobile-group-align-right .ranger-group, .ranger-navbox.mobile-group-align-right .ranger-subgroup { --navbox-group-text-align--mobile: right; } .ranger-navbox .ranger-listbox > .ranger-wrap { background: var(--navbox-list-background); color: var(--navbox-list-color); flex-grow: 1; } .ranger-navbox .ranger-sublist { flex-grow: var(--count); } .ranger-navbox .ranger-listbox:first-child { /* A list-n without group-n */ grid-column-end: span 2; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox > .ranger-wrap { display: grid; justify-items: stretch; align-items: center; } .ranger-navbox.striped-even .ranger-even, .ranger-navbox.striped-odd .ranger-odd { background: var(--navbox-list-background--striped); } /* make links use full line height (larger click box)*/ .ranger-navbox .hlist a { display: inline-block; } .ranger-navbox .align-left, .ranger-navbox .alignleft { text-align: left; } .ranger-navbox .align-center, .ranger-navbox .aligncenter { text-align: center; } .ranger-navbox .align-right, .ranger-navbox .alignright { text-align: right; } /* responsive */ @media screen and (max-width: 720px) { .ranger-navbox .ranger-section-body, .ranger-navbox .ranger-sublist { display: flex; flex-flow: column; } .ranger-navbox .ranger-row { display: block; } .ranger-navbox .ranger-group + .ranger-listbox > .ranger-sublist:first-child, .ranger-navbox .ranger-subgroup + .ranger-listbox > .ranger-sublist:first-child { margin-top: var(--navbox-gap); } .ranger-navbox .ranger-listbox.empty { display: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup { text-align: var(--navbox-group-text-align--mobile); white-space: normal; } .ranger-navbox .ranger-sublist { padding-left: var(--navbox-tree-indent); margin-left: var(--navbox-tree-line-indent); } .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox { position: relative; } .ranger-navbox .ranger-group br, .ranger-navbox .ranger-subgroup br { display: none; } .ranger-navbox .ranger-sublist > .ranger-section > .ranger-header { margin-left: calc(0px - var(--navbox-tree-indent) - var(--navbox-tree-line-indent)); } .ranger-navbox .ranger-sublist .ranger-row > ::before { position: absolute; left: calc(0px - var(--navbox-tree-indent)); top: 0; width: var(--navbox-tree-line-width); height: 100%; content: ""; display: block; background-color: var(--navbox-tree-line-color); } .ranger-navbox .ranger-sublist .ranger-row > .ranger-listbox::before, .ranger-navbox .ranger-row.empty-list > .ranger-subgroup::before { height: calc(100% + var(--navbox-gap)); } .ranger-navbox .ranger-sublist .ranger-row:last-child > ::before { display: none; } .ranger-navbox .ranger-sublist .ranger-row:last-child > :first-child::before { display: block; height: calc(50% + var(--navbox-tree-line-width) / 2); } .ranger-navbox .ranger-subgroup::after, .ranger-navbox .empty-group > .ranger-listbox > .ranger-wrap::after { position: absolute; left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width)); width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-spacing) - var(--navbox-tree-line-width)); height: var(--navbox-tree-line-width); content: ""; background-color: var(--navbox-tree-line-color); } /* increase height for links */ .ranger-navbox .hlist { line-height: 2; } } /********************* * End Template:Navbox* **********************/ /* tweak RANGER for terraria wiki */ .ranger-navbox { --navbox-padding: 6px; --navbox-outer-border-color: var(--theme-box-border-color); --navbox-outer-border-radius: var(--theme-box-border-radius); --navbox-group-text-align: right; --navbox-font-size: calc(1em); --navbox-title-color: var(--theme-heading-color); --navbox-title-font-size: calc(1em + 4px); --navbox-title-icon-color: var(--theme-icon-color-link); --navbox-title-link-color: var(--theme-link-color); --navbox-title-link-color--visited: var(--theme-link-color-visited); --navbox-title-link-color--hover: var(--theme-link-color-hover); --navbox-title-redlink-color: var(--theme-link-color-redlink); --navbox-above-background: var(--theme-text-background-color-highlight); --navbox-above-color: var(--theme-text-color); --navbox-header-font-size: calc(1em + 2px); --navbox-header-padding--y: 0.25em; --navbox-title-background: var(--theme-highlight-background); --navbox-list-background: none; --navbox-list-background--striped: rgba(var(--theme-text-color--rgb), 0.08); --navbox-list-color: var(--theme-text-color); --navbox-group-background: var(--theme-box-background); --navbox-group-color: var(--theme-text-color); } .ranger-navbox.no-underline-title-links { --navbox-title-link-color: var(--theme-link-color); } .ranger-navbox .ranger-title, .ranger-navbox .ranger-header, .ranger-navbox .ranger-sublist .ranger-header { padding-left: 7px; text-align: left; } .ranger-navbox .ranger-meta { left: unset; right: 0.5rem; } .ranger-navbox .mw-collapsible-toggle + .ranger-meta { right: 2.875rem; } /*increase spacing between lines for {{item}}*/ .ranger-navbox .ranger-list .i { margin: 2px auto; } /**** old navbox: may be still used on language wikis ****/ /* subtemplates: * [[Template:Navbox/end]] * [[Template:Navbox/h1]] * [[Template:Navbox/h2]] * [[Template:Navbox/start]] * [[Template:Navbox/v.d.e]] */ .navbox { background: var(--theme-highlight-background); background-size: 100%; border-width: 1px; border-style: solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); box-sizing: border-box; padding: 6px; margin: 0.5em auto; width: 100%; max-width: 1800px; position: relative; clear: both; } .navbox .i { padding: 1px 0; } .navbox > .header { background: var(--theme-highlight-background); background-size: 100%; border-width: 1px; border-style: solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); text-align: left; font-size: 16px; font-weight: bold; line-height: 2; min-height: 1em; padding: 4px 70px 4px 6px; } .navbox > .vde { position: absolute; right: 10px; top: calc(2rem + 2px); font-size: 9px; line-height: 1; color: var(--theme-text-color-note); } .navbox .table > div > .title, .navbox .table > div > .h1, .navbox .table > div > .h2 { background: var(--theme-highlight-background); background-size: 100%; border-width: 1px; border-style: solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); } .navbox > .mw-collapsible-toggle { position: absolute; line-height: 1; right: 10px; top: 10px; font-size: 12px; } .navbox > .mw-collapsible-toggle > .mw-collapsible-bracket { display: none; } .navbox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 5px; height: 5px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .navbox > .mw-collapsible-toggle:after { content: ""; } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .navbox > .content { text-align: left; padding: 6px 6px 0; } .navbox > .content .dotlist + .dotlist { margin-top: 0.5em; } .navbox > .content > .dotlist + .dotlist { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--theme-body-text-color--hover); } .navbox .navbox { /* nested navbox */ border: 0; padding: 0; width: auto; margin: 0 -6px 6px -6px; } .navbox .navbox:last-child { margin: 0 -6px; } .navbox .navbox > .header { font-size: 14px; padding: 0 64px 0 6px; } .navbox .navbox > .mw-collapsible-toggle { right: 4px; top: 4px; font-size: 10px; } .navbox .navbox > .mw-collapsible-toggle:before { width: 3px; height: 3px; border-left: 1px solid var(--theme-link-color); border-top: 1px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .navbox .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 1px solid var(--theme-link-color); border-bottom: 1px solid var(--theme-link-color); top: -1px; } .navbox .h1 { font-weight: bold; margin-top: 0.5em; margin-bottom: 0.25em; line-height: 1.5; } .navbox .h1::after { content: ""; display: block; margin: auto auto auto 0; width: 5em; height: 0; border-bottom: 2px solid var(--theme-box-border-color); } .navbox .h1 + .h2 { margin-top: 0.5em; } .navbox .table > div:first-child .h1, .navbox .content > .h1:first-child { margin-top: auto; } .navbox .h2 { font-weight: bold; line-height: 1.5; margin-top: 0.25em; font-size: 12px; } .navbox .h2 + .h3 { margin-top: 0.5em; } .navbox .h3 { font-size: 10px; font-weight: bold; line-height: 1.5; } @media (max-width: 599px) { .navbox .table > div > .title::after, .navbox .table > .dotlist > .title::after { content: ":"; margin-right: 0.25em; } } @media (min-width: 600px) { .navbox .table { display: table; text-align: left; margin: -5px -7px -1px -7px; } .navbox .table > div { display: table-row; } .navbox .table > div > * { display: table-cell; padding: 4px 7px; vertical-align: middle; box-shadow: inset 0 0 0 1px var(--theme-page-background-color); } .navbox .table > div > .title, .navbox .table > div > .h1, .navbox .table > div > .h2 { background: var(--theme-highlight-background); text-align: right; line-height: 1.1; /*width: max-content;*/ } .navbox .table > div > .title .eil, .navbox .table > div > .h1 .eil, .navbox .table > div > .h2 .eil { white-space: normal; } .navbox .table > div > .title::after, .navbox .table > div > .h1::after { display: none; } .navbox .table .table { display: table; padding: 0; margin: 0 -1px 0 0; } .navbox .table .cell { padding: 0; } .navbox .table .cell > .dotlist { padding: 4px 7px; } } /********* [[Template:Coin]] *********/ .coins { white-space: nowrap; } .coins s { display: none; } .coin { white-space: nowrap; } .coin i { display: none; } .coin span::after { content: ""; display: inline-block; width: 12px; height: 16px; margin: -3px 2px auto; vertical-align: middle; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAQCAMAAACBWcfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURQAAAJN9IW+Nn1xnakwsDMu1R1xCEjI3SiE1P1QdCo+cnWBtj4iksOF1S/Hy6npbGUVMUKGsrbZXG/z4tpmsuFJXbe3Zeey3oOzw89XF45VDFq+h03o3Ea7CxDpXvFYAAAABdFJOUwBA5thmAAAAwUlEQVQoz43SSxKDIBREUXyCQVBRUBQ1+99m4MVQJf5yq3p4Zk2I74WRX4WPPHenuO/c9L1zTbO5omDMmOh2qvT9oTjvummKLqpgAKoKAB2ljGVZdDtVlnU9jujuFOdC5Hl0O1X5miYsKmOsTVUw86w1uifVtsEdFYCU7zeAc6iyTClrGaM0VVqv6zzX9aPK89YnxFFJOQxhyxKVUkdF0KEht4qg28xOfR0AmlBwm0lU8o1rdf2ow3spjeb6vffqtA8gqhYRvoCL8AAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: auto 16px; image-rendering: pixelated; /* for chrome */ image-rendering: crisp-edges; /* for firefox */ } .coin .pc::after { width: 14px; background-position: 0 50%; } .coin .gc::after { background-position: -15px 50%; } .coin .sc::after { background-position: -28px 50%; } .coin .cc::after { background-position: -41px 50%; } /********* [[Template:Multi-column TOC]] *********/ /* todo: 这个模板的样式是有问题的。看[[Recipes]] */ .horizontal-toc { /* to match styles of .toc */ border: 1px solid var(--theme-box-border-color); border-radius: 3px; margin: 24px auto 24px 0; } .horizontal-toc #toc { display: block; border: 0; padding: 0; margin: 0; } .horizontal-toc .toctitle { -webkit-column-span: all; column-span: all; margin-bottom: 9px; min-width: 0 !important; } .horizontal-toc .toctitle h2 { margin: 0; } .horizontal-toc .toctogglecheckbox:checked ~ .toctitle { margin-bottom: 0; } .horizontal-toc .toctogglecheckbox:checked ~ ul:after { display: none; } .horizontal-toc ul:after { content: ""; display: block; -webkit-column-span: all; column-span: all; height: 9px; } .horizontal-toc ul, .horizontal-toc ol { margin-top: 0; padding: 0; } .horizontal-toc ul li:first-child, .horizontal-toc ol li:first-child { margin-top: 0; } /********* [[Template:Quotation]] *********/ blockquote.quotation { position: relative; font-style: italic; padding: 0 1em; margin: 1em auto; overflow: hidden; border-left: none; /* Override default vector styling */ } blockquote.quotation > div.m { display: block; font: bold 5em Times New Roman, Times, Georgie, serif; line-height: 0.8; color: var(--theme-text-color-note); position: absolute; left: 0.2em; top: 0; } blockquote.quotation > div.c { padding: 0.25em 0 0 1em; margin-left: 3em; border-left: 1px solid var(--theme-text-color-note); display: inline-block; } blockquote.quotation > div.c > p:last-child { text-align: right; font-size: 0.9em; margin: 0; } @media (max-width: 640px) { blockquote.quotation { clear: both; } } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show, .spoiler-content.hover:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span, .spoiler-content.hover:hover > span { opacity: 1; } .spoiler-content.show > *, .spoiler-content.hover:hover > * { pointer-events: unset; } /********* [[Template:Hp]] *********/ .hp { display: inline-block; vertical-align: middle; } .hp > div { margin: -2px; max-width: 260px; /* maximum number of hearts in one row: 10 */ } .hp > div > img, .hp > div > a { width: 22px; height: 22px; padding: 2px; } .hp > div .text-red { color: #fe9b9b; } .hp > div .text-golden { color: #e1ad60; } /********* [[Template:Living preferences]] *********/ .living-preferences .love { background-color: rgba(86, 229, 86, 0.4392156863); } .living-preferences .like { background-color: rgba(183, 229, 86, 0.4392156863); } .living-preferences .dislike { background-color: rgba(229, 189, 86, 0.4392156863); } .living-preferences .hate { background-color: rgba(229, 90, 86, 0.4392156863); } /********* [[Template:L10n subtemplate]] *********/ table.l10n-data-table tr:hover td { background-color: rgba(180, 0, 0, 0.05); } table.l10n-data-table th.all-lang, table.l10n-data-table th.lang { cursor: pointer; } table.l10n-data-table th.lang.en { cursor: auto; } table.l10n-data-table th.shrinked { padding-left: 0; padding-right: 0; } table.l10n-data-table th.shrinked code { padding-left: 1px; padding-right: 1px; } table.l10n-data-table th.shrinked small { display: none; } table.l10n-data-table td.shrinked { background-color: rgba(127, 127, 127, 0.05); } table.l10n-data-table td.shrinked > div { display: none; } /* Fade out the EN fallback strings more. The difference from regular strings is * not notable enough otherwise. */ .l10n-data-table .note-text { opacity: 0.5; } /********* Template:project *********/ .project { float: right; display: block; margin: -0.6em 0 0.5em; border: 1px solid var(--theme-box-border-color); background: var(--theme-highlight-background); padding: 0 7px; font-size: 90%; } /********* [[Template:GameText]] *********/ .gameText { white-space: pre-wrap; } /********* [[Template:Archive header]] *********/ .terraria.archive-header { text-align: center; padding: 10px; margin: 10px auto; background: var(--theme-highlight-background); } /********* [[Template:Dpl3]] *********/ .dpl3 { background-color: var(--theme-page-background-color--secondary); font: 120% Courier, monospace; } /********* [[Template:Archive-box]] *********/ .archive-box.terraria { float: right; width: 185px; margin-left: 0.5em; } .archive-box.terraria .archive-header { padding: 0.1em; font-size: 0.9em; color: var(--theme-text-color); background-color: var(--theme-box-border-color); text-align: center; -moz-border-radius: 7px; } .archive-box.terraria .searchbox.mw-inputbox-form .cdx-text-input { /* Codex text input fields impose a min-width of 256px which is sometimes too wide for archive-boxes (e.g. the default width of an archive-box is only 185px). We allow making them more narrow than 256px. */ min-width: unset; } /********* [[Template:Chance]] *********/ /* Legacy rule. As of [[Special:Diff/884944]], the template no longer uses <s> * to display hidden text. Some language wikis might not have updated the template * yet, so the rule is still kept here. */ .chance > s { display: none; } /********* [[Template:Flavor text]] *********/ .flavor-text { margin-bottom: 1em; } /********* [[Template:ToggleBox]] *********/ /* subtemplates: * [[Template:ToggleBox/end]] * [[Template:ToggleBox/handle]] * [[Template:ToggleBox/start]] */ .trw-toggleable .trw-togglehandle { color: var(--theme-link-color); cursor: pointer; } .trw-toggleable .trw-togglehandle:hover { color: var(--theme-link-color--hover); } .trw-toggleable.not-toggled .only-toggled, .trw-toggleable.toggled .only-not-toggled { display: none; } .trw-toggleable .trw-togglehandle > span:first-child { display: inline-block; } .trw-toggleable .trw-togglehandle > span:last-child { display: none; } .trw-toggleable.toggled .trw-togglehandle > span:first-child { display: none; } .trw-toggleable.toggled .trw-togglehandle > span:last-child { display: inline-block; } /********* [[Template:Sound]] *********/ /* All of these styles should only be applied if JavaScript is enabled (because * the functionality doesn't work otherwise); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ .client-js .sound { cursor: pointer; } .client-js .sound audio { /* hide the default HTML audio player */ display: none; } .client-js .sound.iconlast .sound-title::after, .client-js .sound.iconfirst .sound-title::before { /* speaker icon */ content: ""; display: inline-block; width: 1.143em; height: 1.143em; vertical-align: text-top; background: url(https://commons.wiki.gg/images/3/36/Audio.svg); background-size: contain; filter: var(--ooui--icon-normal-filter); } .client-js .sound .sound-title::after { /* for sound.iconlast */ margin-left: 2px; } .client-js .sound .sound-title::before { /* for sound.iconfirst */ margin-right: 2px; } .client-js .sound.sound-playing .sound-title::after, .client-js .sound.sound-playing .sound-title::before { /* color the speaker icon in the "progressive" color */ filter: var(--ooui--icon-progressive-filter); } /********* [[Template:Multi-column list]] *********/ /* correct webkit/chrome uneven margin on the first column*/ .responsive-columns ul, .responsive-columns ol { margin-top: 0; } .responsive-columns ul li:first-child, .responsive-columns ol li:first-child { margin-top: 0; } .mclist.block > ul { list-style: none; margin-left: 0; } @media screen and (max-width: 720px) { .mclist { overflow-x: auto; } .mclist li { display: block; text-overflow: unset; white-space: nowrap; overflow: unset; } } /********* [[Template:Itemlist]] *********/ .itemlist > ul { list-style: none; margin: 0; } .itemlist > ul > li { width: 10em; margin: 0.25em 1em 0.25em auto; display: inline-block; } /********* [[Template:Dotlist]] *********/ .dotlist { margin: auto; } .dotlist > .title { font-weight: bold; } .dotlist > .title::after { content: ""; display: inline-block; width: 0.25em; } .dotlist.nobold > .title { font-weight: normal; } .dotlist > ul { display: inline; list-style: none; margin: auto; /* please don't delete this line, we need it to remove default ul margin setting. */ } .dotlist > ul > li { display: inline-block; } .dotlist > ul > li::after { content: "•"; padding: 0 0.25em; word-break: break-all; } .dotlist > ul > li:last-child::after { display: none; } .dotlist.nodot > ul > li::after { content: "　"; padding: 0; margin: 0; } .dotlist.inline { display: inline; } .dotlist.inline > ul > li { display: inline; } .dotlist.l > .title { margin-right: 0.4em; } .dotlist.l > ul > li::after { margin-left: 0.25em; margin-right: 0.25em; } .dotlist.xl > .title { margin-right: 0.8em; } .dotlist.xl > ul > li::after { margin-left: 0.5em; margin-right: 0.5em; } .dotlist.xxl > .title { margin-right: 1.2em; } .dotlist.xxl > ul > li::after { margin-left: 0.75em; margin-right: 0.75em; } .dotlist.xxxl > .title { margin-right: 1.6em; } .dotlist.xxxl > ul > li::after { margin-left: 1em; margin-right: 1em; } .dotlist.xxxxl > .title { margin-right: 2em; } .dotlist.xxxxl > ul > li::after { margin-left: 1.25em; margin-right: 1.25em; } /********* [[Template:Toc limit]] *********/ /* Allows limiting TOCs to generate links for only header levels below a limit, for instance only level-3 (=== ===) and below. */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none !important; } /********* [[Template:Error]] *********/ .error { font-weight: bold; color: red; } /********* [[Template:Achievement]] *********/ div.achievement { display: flex; flex-wrap: nowrap; align-items: center; margin: 0.5em 0; } div.achievement > div { margin-left: 0.5em; } div.achievement .mw-selflink { font-weight: inherit; } /********* [[Template:History]] *********/ .history-header { background: none; margin: 0; padding-top: 0.5em; padding-bottom: 0.17em; border-bottom: none; font-size: 116%; font-weight: bold; } .history-title { font-weight: bold; } /********* [[Template:Key]] *********/ span.key { display: inline-block; white-space: nowrap; cursor: pointer; } span.key a:-webkit-any-link { text-decoration: none; } span.key kbd { color: black; border: 1px solid rgb(170, 170, 170); box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221); border-radius: 0.2em; background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238)); background-color: rgb(249, 249, 249); padding: 0.1em 0.4em 0.2em 0.3em; margin-right: 2px; font-size: 85%; font-family: inherit; font-style: normal; } /********* [[Template:Na]] *********/ .na { font-size: 90%; color: var(--theme-text-color-note); font-weight: bold; font-style: italic; } /********* [[Template:Color box]] *********/ .color-box { display: inline-block; margin: 1px 0; vertical-align: middle; } /********* [[Template:Transclude]] *********/ .transclude-box { float: right; margin: 0.6em 0 0.5em 0.6em; border: 1px solid var(--theme-box-border-color); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: var(--theme-highlight-background); padding: 0 7px; font-size: 90%; } /********* [[Template:Protected]] *********/ .protected-box { background: var(--theme-box-background); border-color: var(--theme-box-border-color); } .protected-box table { background: none; } .protected-box #left, .protected-box #right { width: 50%; vertical-align: top; padding: 1.3em; } .protected-box #left div, .protected-box #right div { font-size: 120%; font-weight: bold; margin-left: 1.3em; } .protected-box #left { padding: 1.3em 5% 1.3em 1.3em; } /********* [[Template:Loot]] *********/ .loot-table tr:nth-child(2).topline td { border-top: 0; } /********* [[Template:Editcopy notice]] *********/ .editcopy-notice { text-align: center; margin: 0.75em 2px 0; } .editcopy-notice > div { border: 1px solid var(--theme-box-border-color); -moz-border-radius: 5px; border-radius: 5px; background: var(--theme-highlight-background); padding: 0.5em; max-width: 25em; margin: auto; font-style: italic; } .editcopy-notice > div span { display: inline-block; } /********* [[Template:Licensebox]] *********/ .message-box.licensebox { /* override the "width:fit-content" from .message-box */ width: 100%; } .licensebox.licensebox_re-logic .icon, .licensebox.licensebox_fairuse .icon { filter: var(--ooui--icon-normal-filter); } /********* [[Template:Templatedata]] *********/ /* (The "table.terraria" is necessary to make the selector more specific than the default "table.terraria.lined" and thus override its styles.) */ table.terraria.templatedata-doc .templatedata-doc-param { /* Common styles for all parameters, regardless of mode */ font-weight: bold; padding-left: 8px; border-left: 5px solid; } table.terraria.templatedata-doc .templatedata-doc-param.param-required { border-left-color: var(--oouihelper--themerelated-lighter); } table.terraria.templatedata-doc .templatedata-doc-param.param-suggested { border-left-color: var(--oouihelper--disabled); } table.terraria.templatedata-doc .templatedata-doc-param.param-optional { border-left-color: var(--oouihelper--disabled-lighter-transparent); } table.terraria.templatedata-doc .templatedata-doc-param.param-deprecated { border-left-style: dotted; color: var(--theme-notice-red-text-color); background-color: var(--theme-notice-red-background-color); } table.terraria.templatedata-doc .templatedata-doc-param-illegal td { border: red 3px solid; } table.terraria.templatedata-doc .templatedata-doc-param-valuetrue { color: var(--theme-text-color-green); } table.terraria.templatedata-doc .templatedata-doc-param-valuefalse { color: var(--theme-text-color-red); } /********* [[Template:Summoned]] *********/ /* This template no longer exists on the English Terraria Wiki but it is still * used on the Terraria Mods Wiki and possibly some language wikis */ .summoned.infobox { text-align: center; padding-bottom: 12px; } .summoned.infobox .title { font-size: 12px; } .summoned.infobox .p { font-size: 14px; } /********* [[Template:GetDropInfo]] *********/ .dropinfo br { content: ""; } .dropinfo br::after { content: " / "; } .dropinfo .mode-content span + span::before { content: " / "; } /********* [[Template:Doc]] *********/ .feature, .documentation { background: var(--theme-box-background); border: 1px solid var(--theme-box-border-color); border-radius: 5px; padding: 10px; clear: both; } .documentation_header { padding-bottom: 3px; border-bottom: 1px solid var(--theme-box-border-color); } /********* [[Template:Exclusive icons]] *********/ /* Template:eicons .eico:before => d (.i1) .eico b:before => c (.i2) .eico b:after => o (.i3) .eico b => m (.i4) .eico i:before => 3 (.i5) .eico i:after => unused .eico i => unused .eico:after => unused */ .eico { --width: 0; --height: 16px; --small-scale: 0.75; --gap: 0; --base-gap: 2px; } .eico span { /* hidden text for SEO */ display: none; } .eico, .eico b, .eico i { padding-right: var(--width); } .eico, .eico:before, .eico:after, .eico b, .eico b:before, .eico b:after, .eico i, .eico i:before, .eico i:after { display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center center; height: var(--height); width: var(--width); margin-right: var(--gap); } .eico.s { margin-right: calc(-1 * var(--base-gap) * var(--small-scale)); } .eico.s, .eico.s b, .eico.s i { padding-right: calc(var(--width) * var(--small-scale)); } .eico.s, .eico.s:before, .eico.s:after, .eico.s b, .eico.s b:before, .eico.s b:after, .eico.s i, .eico.s i:before, .eico.s i:after { width: calc(var(--width) * var(--small-scale)); height: calc(var(--height) * var(--small-scale)); } .eico, .eico b, .eico i, .eico.s, .eico.s b, .eico.s i { width: auto; background-position: right center; } .eico.i1:before, .eico.i2 b:before, .eico.i3 b:after, .eico.i4 b, .eico.i5 i:before, .eico.i6 i:after { --gap: var(--base-gap); } .eico { color: transparent !important; font-size: 0 !important; line-height: 0 !important; vertical-align: middle !important; white-space: nowrap !important; margin-right: calc(-1 * var(--base-gap)); } .eico.j { /* Japanese console version */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAApElEQVQoka2SQQrEMAhFPaU5mgeb3sBF6CJpGrML6Z9NO0zoZJiWET4I6gO/kqrCzJBzviQzg/cetCwLRrG1hq21YT3n/BlQQ0AUgTJDmRFEUEMYAFIPqDFCmTER4bFrIoIyo8bY9ZrZGRBEXsPTriMPImdASqnbWZ3rht8h6lznyf8Bt1ZY1/W2iaWUMwD4/YxDwLsn3x6plALy3l9+40PzPOMJC/qV2WNuhKAAAAAASUVORK5CYII=); width: 16px; height: 12px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); } .eico.j.s { width: 12px; height: 9px; } .eico.i1:before { /* Desktop version */ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAACp0lEQVQokY2SzUuTcQDHf7haiHjwb/DgSeR3kFGtZeqaLufbHva0mpYoPOIYk9RGoBEmy0wmpEhkGyk8tmVmloHvNdG5x+m02V58aw7nG9Ompw4dvp0KvPW5fuBz+hDyn2g1GhXLMBzDajmGYTkdU8qVqQtURKPVqFidjititFyptpwr0lVyKl0lp9RWckq2glMxOq6U1XJqtbr6cH8PkZ19RLZ3cHJ0gNvqgmpSWFhQvX0Yg//oN7xxwHUMzMWBhTiwcgSEYr8QiZ1i+NMI3HMuuNwCBMED18w0SpRyPVEo5fpg9BA3atuQ++A1ch46oGh+j5LWYZQ/e4eG5/0IROP4PDaJaDSKra0wNta3EA2HUSCX64lSIdd7w/vIrX+Biv51lDki0L3Zxl1+DTV9S6jtGsZS5BT2wRFMTX7B+PgkpqenMTU2iizpRSOR58iMwuYBLtfbkN2xAFnHIq5YPLjaNoc88yiqOj5gZj0Ox/A4AoEQfD4fAqvfsRb0Q3ZJUkeysmTGr74fkJn6cM3ixvXubyjsCYLt3UQVH0ID78F46AQ9/BBWfX44nU7YXr2ERxAgyZTUEYkks84dCOPO07fQdTlR3euFgfehfjCIxiE/2j+uYGJ1D+3dNszOuzAxNYVlnxeCIIBmUBORSqV1iyurcC6vYza4C+/2TyxsxrAUPoY7tAuXbwPzy36o2VtQ39QgjymGimVQXFyMRJGYJ5RSLaXUlJ6ebqKUmqxWK2w2G6xWKyilpoyMDBOl1EQI6awxGlBz/x4etbfCYDAgkYg6z9yWmpraZLfbMTAwAIfDgbS0tKa/LjEpyfK41YxGczOa256gpaUFFxLOWc4EkpOTzdnZ2Xx+fj6vUCj4lJQU8z+ZQHgiSuCJWMQTsYgXi8X8eZGI/wPwz6C3jZnAMAAAAABJRU5ErkJggg==); --width: 16px; } .eico.i2 b:before { /* Console version */ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAACjklEQVQokY2SS08aYRiFv4UxI5dejCFk2kxQdEKMKa0/qQ1iqiVpKw29KKvZGYq0BEQtOCCKVSsCQ0UQhRkuVdA0WlQiRY0umvgbTheaxjQsfLZP3nPexSHkBu1axqBjWYNOqzOQBrRrGQPbrjWwDNvQE023xnp+cYKLkzPUj+vo6NRZb3r2MWs9PavhvH6Kyz+X6PzPE9LSZBGLEvJ5Caf136jXaijtlMF2d1s7ejqtHY9Ya3mvjHq9hsPKPqqHR5AkCU3yFsvVvVxpcTqdEEURmewGht+/xY9CDok1AdXqIY5rVVSrVQhCFJKUhdHwDIWcCEnKwuV2Qi5vsRAlpeRWFsMIzc7hzdArvB56iXeWIfi8bqTXE8iJEjLpDKa9Pgw+78fR0QH6jE+xMB/E0sIcZDKKIwpKyYWC80iuJuCdmsDIyAeImXXEoouIhBexvPQNkeUI4jEB6VQSL0wDcLk/IfE9ivnQDCiqmSMK5V3O7nAgHA7ji3cSodkg/NM+DAwa4fG44ZnyYHxyAv39feB5H+aCAXx2jOHrQggOhx0KhYwj1B3FMD/rx/7BTwjCChx2G+y2UYyPuzAT9GMjswmfn4fL7YTNNoox20fEYwJ+VfYQmOHR2npvmKhptTmRiuO4VsHWtoTVRBy8bxoKGcX16p/w+h49r9f38jKZjAsEAkiuJrFdLCGflxCNrUBNq8yE0TImUcygUMygvFOAIEQhU1Bcoy01K5u5SCSG3dIuSlvbyOclMAxjIg80GmN5dweFYg6xSBg0TZsbrvGaNlpljoajKEgFVPYq6NJqjeShRmPayGSRWlu7eu0W3Fe3mdPpTaSSaTBdGiMhhBC1ijbTKvWtAv4F0Spz23XpX3tXlLpeYi2zAAAAAElFTkSuQmCC); --width: 17px; } .eico.i3 b:after { /* Old-gen console version */ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAACcUlEQVQokXXRW0hTAQAG4PMSDdkl1+atmTbPEEw8bpKYI7TQKDNyRan54GWblacUzU1ZOtGz0mIuiYi00zY3tVLoxS4vBx8KJWPkhdxyO2qWVoRFtxfr4e+lAiX/1///nn6CWBcmUq63yeRolcagVRqnX9+vSasiRn9ZIsJqvRkrdB3sslhcUpAbI4dcjqXc/cDR4/hZdBK/6Gq0S6OxIeiQScHv2o1P6nR835eNH0UlaJNEbQwaFREYVachkJiMhdRUBHNy0RwT/3+gVUSZjoVLTB2yCDxNy8BYqhqdIhEKJeGmvXE7TGvGKlWC6dv7Jaz6AxjSn4EpIhZN8ig8MhjwxfcMn9+9QULCH6RQqcwzfBA8H8QNG4MB8wU0a7Ngy9Difn0tmJoq8HOvsLj0Ftvj481EJBln8c/PYnFxDtfbWoBQEI2ZWtgP5OD13T40nzJiIRTEfIgHSZIWIoUkLTPPx7Hsn0aXxYzQ42HcpCvB0kYEBvvRYjDgw0wA874XSI7eZiGyhDKrz+nBx5EnYBsaYa+twcNeFg/6WFgry3DLVI+VkRFMeb3YIxRbicMCqfWarhhO/VlMuO+A6x9AQw2Numoaw14Pvo6Nwm00ovNIAQ4JhVYihxAwVw7qYC8oxoT7HpZ9k+AnX2J2yo+FiWmMO124mJcHh06HPLGYIbLFW5muUiPaS8rRVFKO82UGnNOfRpWBRnVFJdpKK2ArPIGr5WXIDAtjCI1SmR8tEjn62R54brPwOt3odbnhdHvgdnkwyLow1N0D5RapI12pyv933iaJoDuRSuIoiuIoiuKSNBpup1rDUSkpnGizoPvv7jfmDU3XQ9W5ywAAAABJRU5ErkJggg==); --width: 12px; } .eico.i4 b { /* Mobile version */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAACZ0lEQVQokT3SyU8TYQBA8e8fU2OQqMQYCQejB3EFFO0ww0wBgSIBGmJAQGUKTmmhdNMGsNS2WEHKXqBYQUSw4sKFLXgwERA1zwOJh9/tHZ8QQghXp0d3OQK4nL04XX463F4MtxfD7ae96xl2l18XQgjh8nXrRpeXH/uwswcbB7D++9DWAWzvgs3ho9vn0YXd7WRj7y91zmGqPQtU+BYp9y9h8S5S60nS6HrFzi8wOjsRrYaN9PYumn2CQmeags5V8rpWueVcRXHMYzGGSG/9oUlvQzxpa+fjxj6m1hku29LkGqvkGmmuGCvkt6dQbMO824ZG3Y6wPW5lae0nN5oTnG9e5uKjpf8uPXxLXkuc2U2of+xANLQ0MfP5OxesQ5ypTZJtnSHbOsNZ6wLZdUnOW2OMrEFNiwNR1/SA0ZUtcu7FyKycIqtqjCzLBCctb8iqnOacJczQF6hqsiOq6+8z93WP0+YXHCmZ4NjdUTIqxjmqjZNpjnNGCzD8Ccob2hA11gYm329yqrCDE3IPxyU3mbKXjNs+sm57yCkyCCfXKa1tRFRW1TGdWiYYX6BvZJEXI/OEXqd4ObJCePgDwfgCiaVvVNTWIyrKLMwl54nFBpFlmdhABK1I4VUkhiqbiQ4OkkilMJeXIcpUM4mxCWKhCCWSSjQYRTapRMIDKEoRA9EQick4qlaEKNFUZqcmifYGMZuKed7Xzx1Jpj8cRCk2MRgOMTs+SmlJMULVFF2WJcL9IQKBAIFwD4HIU3pCfkLBAAP9EVRJQ5Kkw/NUTdUVRaVQvsNV5RrXtSsUSLlIpvzD8KaqCyHEP/2E67btctK/AAAAAElFTkSuQmCC); --width: 11px; } .eico.i5 i:before { /* 3DS version */ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAJCAYAAABT2S4KAAAD10lEQVQ4jYWSa0xTZxjHj9vM4pZJ39NKz/uWSOPYFJEQLk5AtrWCEm6aCaXQ0x5gzOkiIhMmAg4LzHA90nKJwUUCkngj2+IUw9wyQmEfliw776kW2JaBIc4GzcqEgNzaZx/EDzNuez7/n+T3/+XPUJZUUcQ5qQL/ThGZpCy5L7PYTVnyq4zINSeLP3QyfggAuKrKyrH30vZCZnqGN1cQfHlCDuRaLGAx8SsH8vPv1lirv7p587oRAF5lGIaZmZlRdXV2Vhw7UkjzhJyFPCEHVn+8VZWVd9xu91ZGVpJCGeHPKMJmJwpIdiIuiSJ8UGLxtzLCPllBFqX1/u2PJUlrNGSOqVklxEXHzLfZ7R3NoljW1NBQc7yk5IvUpOQHwUFvQLxOP9NQV9cGAOrG+noxOmr7yo7IqMXysvJLzaJYZjtz5uSpik/PNjU2fe12u7cyALCGec7JKrKXsmSOIgzUj/t+pq/vTd5oHMMqf0jQ66cHBwdjn2YBYK3D4Yg3m/gxjZqD7RGRyz3d3bbDhz76EStVkJiw+9HQ0FA2AKxdza8BgHUA8BLDMAzj3LgRSSrMSyw+ICvwUZkldhnhMQmRecqSW7fX+ccCAMdnrgLo9NMOh2Pns9Dnz507Fr4t1Ef81ZCf977r6uXLtnidbnZToBbidfrp48XF1y/29HwwMTGh/Udx14aAIIrIN1SBf5ZYPEIRfkARXqGIm5VZ7qr8iioCAPD/AfT396fE7Yhe4pQq2JeSdn9qairsy95eQ/HRolu7d+16FLJ5C7wVEblsyTb90t7aan04OUmeKDQYXpS0WsWoRqN0bdByt5WBwRRpDkos+YMiDJKfWp4srXgnOyt75D8NfH6+6KkBwWQanZubI6vKXxsYGNDV19a27ktNvafVBEBkWPjK6erqG8xvQUEvP28HroAAliIy/GQD6tlxg8liNJpc/7aB4eFhvcCbRzRqDsK3hfpa7HYRABQA8MIzloR3Y3cuqFklZBsyFxmKcI+sxGdlBSmUEcmSWS7DqSQFFHE3ZIQXKYsfS+v9u/7s6grJMhhH1awS4mJi5tvsrR3NolgmNjZWl5aU9KYlJU9t3vQ6vB0Tu1BltV7weDyh7W1tvSdPnOhuFsVTrTbbxy22lk+KCo70h2wJ9kWFhS/XWK19DGVJJ0XcHcqSe5KCPKQKMk0R9xdF+K6MyDXKkryfGOQHAFx5aenInvgEb0pi4pIxPcNrzMjwGfan+wz700HgzZ6K8vLvrly5dMjj8fgBgLK+tu6HHLPFK/A8CLx5JdcieAWeXyo8XODq6Og4PT4+Hvg3tXbwvaiwAi8AAAAASUVORK5CYII=); --width: 32px; } /********* [[Template:Etext]] *********/ .etxt { white-space: nowrap; } .etxt .eico { margin-left: calc(var(--base-gap) + 1px); margin-right: calc(var(--base-gap) + 1px); } .etxt .eico.s { margin-left: calc(var(--base-gap) * var(--small-scale) + 1px); margin-right: calc(var(--base-gap) * var(--small-scale) + 1px); } .etxt .eico:first-child { margin-left: auto; } .etxt .eico:last-child { margin-right: auto; } /********* [[Template:Exclusive icon link]] *********/ .eil { white-space: nowrap; } .eil > span:first-child { display: inline-block; /* gracefully wrap */ } .eil .eico { margin-left: 2px; } /********* [[Template:Hardmode]] *********/ abbr.hardmode > span.sep { padding: 0 0.3em; color: var(--theme-text-color-note); } /********* [[Template:Msgbox]] *********/ .message-box { margin: 1px auto var(--layout-gap); width: fit-content; background: var(--theme-box-background); border-radius: var(--theme-box-border-radius); overflow: hidden; display: grid; border: 1px solid var(--theme-box-border-color); grid-template-columns: 0fr 0fr 1fr; align-items: center; } .message-box::before { content: ""; display: block; pointer-events: none; width: 6px; height: 100%; /* darken a little */ background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--message-box-highlight-color, var(--theme-box-border-color)); } .message-box > div { grid-column: 3/4; padding: 6px 12px; } .message-box > .icon { padding: 6px 0 6px 12px; grid-column: 2/3; white-space: nowrap; } .message-box.msgbox-color-blue { --message-box-highlight-color: var(--theme-notice-blue-border-color); } .message-box.msgbox-color-red { --message-box-highlight-color: var(--theme-notice-red-border-color); } .message-box.msgbox-color-purple { --message-box-highlight-color: var(--theme-notice-purple-border-color); } .message-box.msgbox-color-yellow { --message-box-highlight-color: var(--theme-notice-yellow-border-color); } .message-box.msgbox-color-green { --message-box-highlight-color: var(--theme-notice-green-border-color); } .message-box.msgbox-color-orange { --message-box-highlight-color: var(--theme-notice-orange-border-color); } .message-box.msgbox-color-pink { --message-box-highlight-color: var(--theme-notice-pink-border-color); } /********* [[Template:Item]] *********/ .i { white-space: nowrap; display: inline-block; } .i .note2, .i .id { display: block; } .i > a.new { /* CSS trick for non-existent item images: a orange "?" image */ display: inline-block; width: 16px; height: 24px; text-indent: -9999px; direction: ltr; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNv1OCegAAAB3SURBVDhP5ZDdCoAgFIPPI/aY3fSMRrBJTOcRkW76YKDuhyiU64gyEmKeXuktxFoYKOdYdmh5QIu8OzVDznCaHsAHVmzOGoLN8aBCr8L3/QMZDFLfDWhhukiWB7TIO4WYh8HtA7Bztg2oYOf0yo9g57Dwm38QcQN+/9SIQx7WTAAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center center; } .i > img, .i > span.img, .i > a { /* item image block */ display: inline-block; line-height: 0; vertical-align: middle; } .i > img + span, .i > span.img + span, .i > a + span { /* "main" text block after item image */ margin-left: 2px; } .i > img, .i > span.img img, .i > a img { /* item image */ margin: 1px; } .i > span { display: inline-block; text-align: left; } .i > span + span { /* "bignote" after text block */ margin-left: 3px; } .i.multi-line > span, .i.-w > span, .i.break > span { line-height: 18px; vertical-align: middle; } .i.break > span { white-space: normal; } .i .note { color: var(--theme-text-color-note); font-size: var(--font-size-s); } .i > span:first-of-type > .eico { font-size: var(--font-size-xs); vertical-align: middle; } .i > span:first-of-type > .note2 { /*note2*/ font-size: 100%; line-height: 1; } .i > span:first-of-type > .eico, .i > span:first-of-type > span.note { margin-left: 3px; } .i.-w > span:first-of-type > .eico:last-child, .i.-w > span:first-of-type > span.note:last-child, .i.-w > span.img + span > .eico:last-child, .i.-w > span.img + span > span.note:last-child { display: block; margin-left: 1px; /* visually left align */ } .i.-w > span:first-of-type > span.note:last-child, .i.-w > span.img + span > span.note:last-child { line-height: 1; } .i .id { font-size: var(--font-size-xs); background-color: var(--theme-highlight-background); font-weight: bold; margin-top: 1px; padding: 0 2px; } .i.boldname > span:first-of-type span:first-child { font-weight: bold; } .i.notecolor span.note { color: inherit; } .i.note2color .note2 { color: inherit; } .i.block, .i.block > span:first-child, .i.allblock, .i.allblock > * { display: block; } .i.allblock > * { text-align: inherit; } .i.notesize span.note { font-size: 100%; } .i.note2size span .note2 { font-size: var(--font-size-s); } .i.alignleft { text-align: left; } .i.aligncenter { text-align: center; } .i.alignright { text-align: right; } .i.textleft > span { text-align: left; } .i.textcenter > span { text-align: center; } .i.textright > span { text-align: right; } .i.flip > a:first-child img, .i.flip > img:first-child { transform: scaleY(-1); } .i.mirror > a:first-child img, .i.mirror > img:first-child { transform: scaleX(-1); } .i.rotate90 > a:first-child img, .i.rotate90 > img:first-child { transform: rotate(90deg); } .i.rotate180 > a:first-child img, .i.rotate180 > img:first-child { transform: rotate(180deg); } .i.rotate270 > a:first-child img, .i.rotate270 > img:first-child { transform: rotate(270deg); } td.il1c .i { display: block; text-align: center; } td.il1c .i.alignleft { text-align: left; } td.il1c .i.alignright { text-align: right; } td.il2c .i { display: block; text-align: left; } table.item-noborder td.il1c { border-right: 0 !important; padding-right: 1px; } table.item-noborder td.il2c { border-left: 0 !important; padding-left: 1px; } /********* [[Template:Reflist]] *********/ /* based on https://en.wikipedia.org/wiki/Template:Reflist/styles.css */ .reflist { font-size: 90%; /* Default font-size */ margin-bottom: 0.5em; list-style-type: decimal; } .reflist .references { font-size: 100%; /* Reset font-size when nested in div.reflist */ margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } /* Reset top margin for lists embedded in columns */ .reflist-columns { margin-top: 0.3em; } .reflist-columns ol { margin-top: 0; } /* Avoid elements breaking between columns */ .reflist-columns li { page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ break-inside: avoid-column; } .reflist-upper-alpha { list-style-type: upper-alpha; } .reflist-upper-roman { list-style-type: upper-roman; } .reflist-lower-alpha { list-style-type: lower-alpha; } .reflist-lower-greek { list-style-type: lower-greek; } .reflist-lower-roman { list-style-type: lower-roman; } /********* [[Template:Translation projects]] *********/ #indic-project.collapsed .text-wrapper { display: none; } #indic-project.expanded { border: 1px solid var(--theme-box-border-color); border-radius: 0.2em; padding: 0.5em; background: var(--theme-box-background); } #indic-project.expanded #indic-project-flag { margin-left: 1em; } .client-js #indic-project-flag { /* the cursor should not be pointer if JavaScript is disabled (because * the flag can't be clicked in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ cursor: pointer; } #indic-project-flag > img { border: 1px solid var(--theme-box-border-color-light); /* border around the flag to improve visibility */ } /********* [[Template:Yes]], [[Template:No]] *********/ .t-yes, .t-no { width: 20px; height: 20px; display: inline-block; color: transparent; background-size: contain; } .t-yes { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABKVBMVEX///8POg9bzFsSqBIPhg8POg8POg8POg8POg8eVx4POg8POg8dVR0POg8cVBwPOg8POg8cVBwVRhUPOg8POg8cUhwWSBYPOg8POg8bUBsYTBgPOg8POg8aTxoZTRkPOg8WSBYXShcPOg8POg9WwlY1hDVVwFU6vDpRx1EyfTIyuDISqBI7vDtLrUtTvlMvti8SohI2tzZNsU0stSwRmhEnpCdRvVEosygQlxAopChOsk5Ptk89kz1RvFEmsiYQlhAppClRuVFAv0BMxEwYSxhPuk8jsCMRlBErpitOtE4pbClZy1kgryAVqRVDwENWyVYhsCERkxEspywveC9Ow04UkhQRnhEZpxkQkBAuqS4udi5QxFASjhIPhg8tdC1SxlI2sDYtcy3///96G+hpAAAAJHRSTlMAAAAAADaZZjPzeDDwYPCHLe3eGyrt25Z17d+QJ+rfGNjZFU4CAy6JAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+QIExEnKMFJk1wAAAABb3JOVAHPoneaAAAAxElEQVQY02NgIAEwIgFWNnZGRpAgEwJwcKqockEEmWGAm0dNXUOTF0WQm09NS1tHlx8iyAIGAoJ6+gaGRkLCSIIionrGJqZGYsIQM4XFJYBikmbmFpZWYsJMYEFhKWsbaRlZWzt7B6AYM0RQztHJ2cbF1c3dw1NMngUq6OXt4+vnHxAYBBKDCXIFh4SGhUdEeioAxWCCTFxR0TGxkZ6KIDG4IDNXXHyCtaISC7IgExNXIlAMFgCMsFBSZldCBBUpQYwNAADsdBhCcqhwpwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wOC0xOVQxNzozOTo0MCswMDowMF4hGvUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDgtMTlUMTc6Mzk6NDArMDA6MDAvfKJJAAAAIHRFWHRzb2Z0d2FyZQBodHRwczovL2ltYWdlbWFnaWNrLm9yZ7zPHZ0AAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADIw3+GomQAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAyMCdOaBQAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTU5Nzg1ODc4MM3733wAAAAOdEVYdFRodW1iOjpTaXplADBCyW8Y7QAAADZ0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL3RtcC90aHVtYmxyL2ltZzExODc4ODM3MDA5OTYzNjkxNjgz9+auPAAAAABJRU5ErkJggg=="); } .t-no { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABMlBMVEX///9eAAD/YmL+AADGAABeAABeAABeAABeAABeAAByDAxeAAByDAxeAABeAABzDQ1eAABeAABxDAxeAABeAABeAABzDQ1rCAh3Dw9tCQl5ERFuCgpeAABeAAB1Dg5yDAxeAABlBAReAABeAABeAABvCgpzDQ1eAABzDQ1eAABeAACvMjLoVFSiKiqsLy//Vlb/NjbqVVX/Ojr/VVWoLS3kUlL/NDT+AAD+MDDsVlb/MzPbTEzuWFj+Ly//MjKEFxf+Li7hUFD/YmLyWlr+FxfmU1OLHBz+FRX+GRmAFRX+Kyv7AADwERH+LCzyAADoHR3kGhrsAAD1JSXYAADhFxeGGBjgFhbTAADwJibsIyPHAADiGBjGAADmICD4SkroICDoHx/4Tk6uMDCmLCyeJyf///8Bf9RuAAAAK3RSTlMAAAAAAFRmG05+4R7fdWDfV4fkPIQk5+Do4+jnIUXn2RWKP3hp4eVR4nKZPdb+ugAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQflAhEQMQDCQ+fJAAAA7klEQVQY02NgIAUwMrKysTOCADsbByMjRJCJU1uHi5uJiYmdR0eXFyrIp6dvABRlZuc3NDI2EYAICpqamVvoCAnzW1qZW1mLQARFxWxsze107C3tzB0cxdmhZopK2FiYmznZmtuaSnLDLGISlXK2Mncxt3WVlmGCCzLLujm5m3s4ecoyIwRlxAy9vH287XSE2OGCQDFfP3+ngEArHR52qKCMnGVQcIhOqE1YeISOvAJEUNEmMirAlUtJzjI6JlZHGSKooh0Xb6rKziKjZpmQmKQONVMkGSgG9Du3hk6KJiMslFS0IKHErcUGCyUKAAAKiSBmgCLl9AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xN1QxNjo0OTowMCswMDowMGR5URYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTdUMTY6NDk6MDArMDA6MDAVJOmqAAAAIHRFWHRzb2Z0d2FyZQBodHRwczovL2ltYWdlbWFnaWNrLm9yZ7zPHZ0AAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADIw3+GomQAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAyMCdOaBQAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTYxMzU4MDU0MP1XuP0AAAAQdEVYdFRodW1iOjpTaXplADgxN0Iis7AJAAAANXRFWHRUaHVtYjo6VVJJAGZpbGU6Ly8vdG1wL3RodW1ibHIvaW1nNzI4Nzk1MDY5NDMyNjgxODQ2NAFjgaMAAAAASUVORK5CYII="); } /********* [[Template:Expert]], [[Template:Master]], [[Template:Journey]] *********/ abbr.mode-exclusive { text-decoration: none; } .mode-exclusive { font-weight: bold; } .mode-exclusive[title] { cursor: pointer; } .mode-exclusive > span.postfix { display: none; } .mode-exclusive > span.sep { padding: 0 0.3em; color: var(--theme-text-color-note); } .money .mode-exclusive > span.sep { padding: 0 0.5em; } .expert { color: var(--custom-template-expert-color); } .master { color: var(--custom-template-master-color); } .journey { color: var(--custom-template-journey-color); } /********* [[Template:Use time]], [[Template:Knockback]] *********/ .usetime, .knockback { font-size: 10.5px; font-weight: bold; } /********* [[Template:Hatnote]] *********/ /* * "Hatnote"-style templates: * [[Template:About]] * [[Template:Dablink]] * [[Template:Distinguish]] * [[Template:Forlist]] * [[Template:Main]] * [[Template:Redirect]] * [[Template:See_also]] */ .hat-note { margin: 8px auto 8px 24px; font-style: italic; } .hat-note i { /* italics inside the italicized hatnote: revert to normal */ font-style: initial; } .hat-note.no-indent { margin-left: auto; } /********* [[Template:Float file box]] *********/ .floatfilebox { /* infobox-like styling */ border: 1px solid var(--theme-box-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; text-align: center; width: 150px; margin: 0.5em 1em 0.5em 0; } .floatfilebox.float-right { float: right; margin-right: 0; margin-left: 1em; } .floatfilebox.float-left { float: left; } .floatfilebox.float-none { float: none; } .floatfilebox > div { /* row elements */ padding: 3px 4px; } .floatfilebox > div.title { /* "title" row elements */ background-color: var(--theme-highlight-background); font-weight: bold; margin-bottom: 0.5em; padding-top: 5px; padding-bottom: 5px; } .floatfilebox > div.title:not(:first-child) { /* space above "title" rows, but not if the "title" row is the very first row */ margin-top: 0.5em; } .floatfilebox > .floatfilebox-even + div { /* little bit of space after every 2 rows */ margin-top: 0.5em; } /********* [[Template:Info request]] *********/ .terraria.info-request { width: 80%; margin: auto auto 7px; } .terraria.info-request .info-request-pretext { font-size: 90%; line-height: 18px; } .terraria.info-request .info-request-main { font-weight: bold; padding: 2px 10px 5px 10px; background: var(--theme-box-background); border: 1px solid var(--theme-border-color); border-radius: 0.2em; } .terraria.info-request .info-request-posttext { font-size: 90%; padding-bottom: 0; margin-bottom: 0; } /********* [[Template:Shortcut]] *********/ .shortcutbox { /* infobox-like styling */ border: 1px solid var(--theme-box-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; text-align: center; margin: 0 0 0.5em 1em; float: right; clear: right; } .shortcutbox > div { padding: 2px 3px; } .shortcutbox > div.title { background-color: var(--theme-highlight-background); font-weight: bold; padding-top: 3px; padding-bottom: 3px; } /********* [[Template:Animation]] *********/ @keyframes spr-ani { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .spr-ani { display: inline-block; overflow: hidden; vertical-align: middle; } .spr-ani img { image-rendering: pixelated; animation: calc(var(--frames) * var(--interval, 1) * 1s / 60) steps(var(--frames)) infinite spr-ani; width: 100%; height: auto; } .spr-ani.block { display: block; } /********* [[Template:Space altitude calculator]] *********/ .space-altitude-calculator-fakeinput { display: inline-block; vertical-align: middle; line-height: 1.42857143em; height: 1.2em; padding: 6px 9px; width: 5ch; background-color: var(--ooui--textarea-background-color); border-color: var(--ooui--textarea-border-color); cursor: text; } .space-altitude-calculator-input { max-width: 7ch; margin-right: 1px; } .space-altitude-calculator-input .oo-ui-inputWidget-input { text-align: right; } .space-altitude-calculator-output { display: none; font-style: italic; color: var(--theme-text-color-em); } /*********************************************************************************************************** * CSS that only affects specific content pages ***********************************************************************************************************/ /********* [[Terraria Wiki]] *********/ /* Wiki main page. * The responsive layout relies on [[MediaWiki:Common.js]] to adapt to different skins. */ #box-wikiheader, #box-game, #box-news, #box-items, #box-biomes, #box-mechanics, #box-npcs, #box-bosses, #box-events, #box-software, #box-wiki { border: 1px solid; border-color: var(--theme-widget-border-color); border-radius: 8px; } body.rootpage-Terraria_Wiki.action-view h1.firstHeading, body.rootpage-Terraria_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Terraria_Wiki.action-view #mw-content-text::before { /* Hide page title on main page */ display: none; } body.rootpage-Terraria_Wiki #mw-indicator-translation-project { /* Hide the translation project flag */ display: none; } body.rootpage-Terraria_Wiki #mainpage-wrapper { /* main wrapper min width */ min-width: 300px; } body.rootpage-Terraria_Wiki #mainpage-wrapper .section { margin: 0; } body.rootpage-Terraria_Wiki #mainpage-wrapper .section .infocard { width: auto; margin: 2px; } body.rootpage-Terraria_Wiki .infocard { /* boxes */ min-width: 200px; } body.rootpage-Terraria_Wiki .infocard .outro { padding-top: 2px; } body.rootpage-Terraria_Wiki .infocard.compact { --infocard-main-heading-font-size: 1.5em; } body.rootpage-Terraria_Wiki .infocard.compact .heading { margin-top: 0; } body.rootpage-Terraria_Wiki .mclist { column-gap: 0.5em; } @media (max-width: 360px) { body.rootpage-Terraria_Wiki .mclist { column-gap: 0; } } body.rootpage-Terraria_Wiki .mclist ul { list-style: none; margin: 0; } body.rootpage-Terraria_Wiki #box-wikiheader { /* header box */ background: var(--theme-highlight-background); margin-bottom: 2px; padding: 7px; position: relative; border: 1px solid; border-color: var(--theme-widget-border-color); } body.rootpage-Terraria_Wiki #box-wikiheader > div { background: var(--theme-background); width: 100%; } body.rootpage-Terraria_Wiki #box-wikiheader > div > div { margin: auto; padding: 8px 5px; } body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link { position: absolute; bottom: 7px; left: 50%; line-height: 1; cursor: pointer; font-size: 10px; display: none; width: 16em; margin-left: -8em; text-align: center; } body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link span { display: none; width: 6em; text-align: center; padding: 3px 0; } body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link span:first-child::before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link span:last-child::before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } body.rootpage-Terraria_Wiki #box-wikiheader .main-title { flex: 1 1 404px; text-align: center; position: relative; margin: 3px 0; font-size: 12px; } body.rootpage-Terraria_Wiki #box-wikiheader .main-title > span { font-size: 200%; line-height: 1; margin-bottom: 4px; color: var(--theme-text-color-highlight); } body.rootpage-Terraria_Wiki #box-wikiheader .main-title > span > span { display: inline-block; } body.rootpage-Terraria_Wiki #box-wikiheader .main-title > span + div { margin: auto 0.25em; } body.rootpage-Terraria_Wiki #box-wikiheader .main-title .statistics { margin: 0.5em auto; } body.rootpage-Terraria_Wiki #box-wikiheader .related-info { flex: 1 1 1230px; position: relative; /*background: var(--theme-page-background-color);*/ overflow: hidden; margin: 2px 0; } body.rootpage-Terraria_Wiki #box-wikiheader .related-info .ii { margin: 5px 1em; text-align: center; } body.rootpage-Terraria_Wiki #box-wikiheader .related-info .ii li { margin: 0; } body.rootpage-Terraria_Wiki #latest-version { line-height: 1; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0.5em 0; font-size: 12px; } body.rootpage-Terraria_Wiki #latest-version * { vertical-align: middle; } body.rootpage-Terraria_Wiki #latest-version a:hover { text-decoration: none; } body.rootpage-Terraria_Wiki #latest-version a.external { padding: 0; background: none; color: var(--theme-link-color); } body.rootpage-Terraria_Wiki #latest-version ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 2px; } body.rootpage-Terraria_Wiki #latest-version ul li { display: flex; justify-content: center; align-items: center; margin: auto 4px; } body.rootpage-Terraria_Wiki #latest-version ul li > div { margin: auto auto auto 3px; text-align: left; } body.rootpage-Terraria_Wiki #latest-version ul li > div > * { display: block; } body.rootpage-Terraria_Wiki #latest-version ul li > div.pic > * { display: inline; } body.rootpage-Terraria_Wiki #latest-version ul li > div > span { font-size: 9px; } body.rootpage-Terraria_Wiki #latest-version ul li > div > strong { font-size: 15px; padding: 2px 0; } body.rootpage-Terraria_Wiki #latest-version ul li > div > small { font-size: 9px; color: var(--theme-text-color-note); } body.rootpage-Terraria_Wiki #latest-version ul:first-child li:first-child { margin-left: auto; } body.rootpage-Terraria_Wiki #latest-version ul:last-child li:last-child { margin-right: auto; } body.rootpage-Terraria_Wiki #latest-version div.pic { text-align: center; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version { margin: 0.25em auto 0; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version ul:first-child li:first-child { margin-left: 4px; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version ul:last-child li:last-child { margin-right: 4px; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version ul li { margin: 0.25em 0.5em; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable .main-title > span { display: block; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable .related-info { margin: 0.25em auto 0; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable .related-info .ii { margin: 0.25em 1em; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable > div { padding-bottom: 15px; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #box-wikiheader-toggle-link { display: inline-block; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #box-wikiheader-toggle-link span { display: inline-block; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #box-wikiheader-toggle-link span:first-child { display: none; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed .related-info { display: none !important; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed .main-title .statistics { display: none; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed #box-wikiheader-toggle-link span:first-child { display: inline-block; } body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed #box-wikiheader-toggle-link span:last-child { display: none; } body.rootpage-Terraria_Wiki #main-section .sep { display: none; width: 100%; height: 0; } body.rootpage-Terraria_Wiki #main-section li { margin-bottom: 1px; } body.rootpage-Terraria_Wiki .box-row-l #main-section #sep-D { display: block; } body.rootpage-Terraria_Wiki .box-row-m #main-section #sep-B, body.rootpage-Terraria_Wiki .box-row-m #main-section #sep-E { display: block; } body.rootpage-Terraria_Wiki .box-row-s #main-section #sep-B, body.rootpage-Terraria_Wiki .box-row-s #main-section #sep-D, body.rootpage-Terraria_Wiki .box-row-s #main-section #sep-F { display: block; } body.rootpage-Terraria_Wiki #box-game { flex: 3 0 960px; } body.rootpage-Terraria_Wiki #box-game .i { line-height: 60px; } body.rootpage-Terraria_Wiki #box-game .intro { margin-right: 1em; } body.rootpage-Terraria_Wiki #box-game .mclist { columns: 5; } body.rootpage-Terraria_Wiki #box-game .mclist li { height: 60px; } body.rootpage-Terraria_Wiki .width-a#box-game { flex: 2 0 640px; } body.rootpage-Terraria_Wiki .width-a#box-game .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-b#box-game { flex: 3 0 840px; } body.rootpage-Terraria_Wiki .width-c#box-game { flex: 19 0 640px; } body.rootpage-Terraria_Wiki .width-c#box-game .mclist { columns: 4; margin: auto; } body.rootpage-Terraria_Wiki .width-d#box-game { flex: 1 1 1000px; } body.rootpage-Terraria_Wiki .width-d#box-game .mclist { columns: 5; } body.rootpage-Terraria_Wiki .width-e#box-game .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-f#box-game .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-g#box-game .mclist { columns: 2; } body.rootpage-Terraria_Wiki #box-news { flex: 1 0 480px; display: flex; flex-direction: column; } body.rootpage-Terraria_Wiki #box-news .main-heading { flex: none; } body.rootpage-Terraria_Wiki #box-news .news ul { margin-top: 0; } body.rootpage-Terraria_Wiki #box-news .outro { flex: 1 0 auto; display: flex; flex-direction: column; } body.rootpage-Terraria_Wiki #box-news .more { display: block; font-style: italic; font-size: 85%; margin-left: 2em; margin-top: 0.5em; flex: 1 0 auto; } body.rootpage-Terraria_Wiki #box-news .links { margin-top: 0.25em; margin-bottom: 0.25em; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around; /*fallback*/ justify-content: space-evenly; } body.rootpage-Terraria_Wiki #box-news .links span { margin: 0.75em 0.25em 0; display: inline-block; } body.rootpage-Terraria_Wiki .width-a#box-news { flex: 1 0 320px; } body.rootpage-Terraria_Wiki .width-b#box-news { flex: 1 0 280px; } body.rootpage-Terraria_Wiki #box-items { flex: 2 0 auto; } body.rootpage-Terraria_Wiki #box-items .i { line-height: 28px; } body.rootpage-Terraria_Wiki #box-items .i > a:first-child { display: inline-block; width: 20px; text-align: center; } body.rootpage-Terraria_Wiki #box-items .mclist { columns: 3; } body.rootpage-Terraria_Wiki #box-items .mclist li { height: 28px; } body.rootpage-Terraria_Wiki .width-a#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-b#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-items .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-d#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-e#box-items { flex: 1 1 320px; } body.rootpage-Terraria_Wiki .width-e#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-items { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-f#box-items .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-g#box-items .mclist { columns: 6; } body.rootpage-Terraria_Wiki .width-h#box-items .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-i#box-items .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-j#box-items .mclist { columns: 2; } body.rootpage-Terraria_Wiki #box-biomes { flex: 2 0 auto; } body.rootpage-Terraria_Wiki #box-biomes .i { line-height: 28px; } body.rootpage-Terraria_Wiki #box-biomes .i > a:first-child { display: inline-block; width: 22px; text-align: center; } body.rootpage-Terraria_Wiki #box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki #box-biomes .mclist li { height: 28px; } body.rootpage-Terraria_Wiki .width-a#box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-b#box-biomes .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-d#box-biomes .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-e#box-biomes { flex: 1 1 430px; } body.rootpage-Terraria_Wiki .width-e#box-biomes .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-biomes { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-f#box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-g#box-biomes .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-h#box-biomes .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-i#box-biomes .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-j#box-biomes .mclist { columns: 1; } body.rootpage-Terraria_Wiki #box-mechanics { flex: 2 0 auto; } body.rootpage-Terraria_Wiki #box-mechanics .i { line-height: 28px; } body.rootpage-Terraria_Wiki #box-mechanics .i > a:first-child { display: inline-block; width: 20px; text-align: center; } body.rootpage-Terraria_Wiki #box-mechanics .mclist { columns: 3; } body.rootpage-Terraria_Wiki #box-mechanics .mclist li { height: 28px; } body.rootpage-Terraria_Wiki .width-a#box-mechanics .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-b#box-mechanics .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-mechanics { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-c#box-mechanics .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-d#box-mechanics .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-e#box-mechanics .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-mechanics .mclist { columns: 1; } body.rootpage-Terraria_Wiki #box-npcs { flex: 3 0 720px; } body.rootpage-Terraria_Wiki #box-npcs .i { line-height: 32px; } body.rootpage-Terraria_Wiki #box-npcs .i > a:first-child { display: inline-block; width: 32px; text-align: center; } body.rootpage-Terraria_Wiki #box-npcs .mclist li { height: 32px; } body.rootpage-Terraria_Wiki #box-npcs .prehardmode { padding-right: 40px; flex: 1 0 auto; } body.rootpage-Terraria_Wiki #box-npcs .prehardmode .mclist { columns: 3; } body.rootpage-Terraria_Wiki #box-npcs .hardmode { flex: 1 0 150px; } body.rootpage-Terraria_Wiki .width-a#box-npcs { flex: 2 0 460px; } body.rootpage-Terraria_Wiki .width-a#box-npcs .prehardmode { padding-right: 0; } body.rootpage-Terraria_Wiki .width-a#box-npcs .prehardmode .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-a#box-npcs .hardmode { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-b#box-npcs { flex: 2 0 auto; } body.rootpage-Terraria_Wiki .width-b#box-npcs .prehardmode { padding-right: 20px; } body.rootpage-Terraria_Wiki .width-b#box-npcs .hardmode { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-c#box-npcs { flex: 2 0 auto; } body.rootpage-Terraria_Wiki .width-c#box-npcs .prehardmode { padding-right: 1em; flex: 2 0 auto; } body.rootpage-Terraria_Wiki .width-c#box-npcs .prehardmode .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-npcs .hardmode { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-d#box-npcs { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-d#box-npcs .prehardmode .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-e#box-npcs { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-e#box-npcs .prehardmode { width: 100%; padding-right: 0; } body.rootpage-Terraria_Wiki .width-e#box-npcs .prehardmode .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-e#box-npcs .hardmode { width: 100%; } body.rootpage-Terraria_Wiki .width-e#box-npcs .hardmode .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-f#box-npcs .prehardmode .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-npcs .hardmode .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-g#box-npcs .prehardmode .mclist { columns: 1; } body.rootpage-Terraria_Wiki .width-g#box-npcs .hardmode .mclist { columns: 1; } body.rootpage-Terraria_Wiki #box-bosses { flex: 2 0 360px; } body.rootpage-Terraria_Wiki #box-bosses .i { line-height: 32px; } body.rootpage-Terraria_Wiki #box-bosses .i > a:first-child { display: inline-block; width: 24px; text-align: center; } body.rootpage-Terraria_Wiki #box-bosses .mclist li { height: 32px; } body.rootpage-Terraria_Wiki #box-bosses .content > div { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-a#box-bosses { flex: 2 0 310px; } body.rootpage-Terraria_Wiki .width-b#box-bosses { flex: 3 0 600px; } body.rootpage-Terraria_Wiki .width-b#box-bosses .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-c#box-bosses .mclist { columns: 2; column-gap: 0.25em; } body.rootpage-Terraria_Wiki .width-d#box-bosses .mclist { columns: 1; } body.rootpage-Terraria_Wiki .width-e#box-bosses { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-e#box-bosses .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-f#box-bosses .prehardmode, body.rootpage-Terraria_Wiki .width-f#box-bosses .hardmode { width: 100%; } body.rootpage-Terraria_Wiki .width-f#box-bosses .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-g#box-bosses .mclist { columns: 2; } body.rootpage-Terraria_Wiki #box-events { flex: 2 0 360px; } body.rootpage-Terraria_Wiki #box-events .i { line-height: 32px; } body.rootpage-Terraria_Wiki #box-events .i > a:first-child { display: inline-block; width: 24px; text-align: center; } body.rootpage-Terraria_Wiki #box-events .mclist li { height: 32px; } body.rootpage-Terraria_Wiki #box-events .content > div { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-a#box-events { flex: 2 0 310px; } body.rootpage-Terraria_Wiki .width-b#box-events .mclist { columns: 2; column-gap: 0.25em; } body.rootpage-Terraria_Wiki .width-c#box-events .mclist { columns: 1; } body.rootpage-Terraria_Wiki .width-d#box-events { flex: 1 1 720px; } body.rootpage-Terraria_Wiki .width-d#box-events .mclist { columns: 2; } body.rootpage-Terraria_Wiki .width-e#box-events .prehardmode, body.rootpage-Terraria_Wiki .width-e#box-events .hardmode { width: 100%; } body.rootpage-Terraria_Wiki .width-e#box-events .mclist { columns: 4; } body.rootpage-Terraria_Wiki .width-f#box-events .mclist { columns: 3; } body.rootpage-Terraria_Wiki .width-g#box-events .mclist { columns: 2; } body.rootpage-Terraria_Wiki #sect-ext dd { margin-left: 1em; } body.rootpage-Terraria_Wiki #box-software { flex: 1 0 auto; } body.rootpage-Terraria_Wiki #box-wiki { flex: 3 0 auto; } body.rootpage-Terraria_Wiki .width-a#sect-ext .outro { display: flex; } body.rootpage-Terraria_Wiki .width-a#sect-ext .outro dl { flex: 1 0 auto; } body.rootpage-Terraria_Wiki .width-a#box-software { flex-basis: 220px; } body.rootpage-Terraria_Wiki .width-a#box-software .outro dl { display: inline-block; width: 100%; } body.rootpage-Terraria_Wiki .width-a#box-wiki { flex-basis: 900px; } body.rootpage-Terraria_Wiki .width-a#box-wiki .outro dl { display: inline-block; width: 33.33333333%; } body.rootpage-Terraria_Wiki .width-b#box-wiki { flex-basis: 620px; } body.rootpage-Terraria_Wiki .width-b#box-wiki .outro dl { width: 50%; } body.rootpage-Terraria_Wiki .width-b#box-software { flex-basis: 620px; } body.rootpage-Terraria_Wiki .width-b#box-software .outro dl { width: 50%; } body.rootpage-Terraria_Wiki .width-c#box-software { flex-shrink: 1; } body.rootpage-Terraria_Wiki .width-c#box-software .outro dl { width: 100%; } body.rootpage-Terraria_Wiki .width-c#box-wiki { flex-shrink: 1; } body.rootpage-Terraria_Wiki .width-c#box-wiki .outro dl { width: 100%; } body.rootpage-Terraria_Wiki #mainpage-wrapper .footer { text-align: center; margin: 0.75em 2px 0; } body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div { border: 1px solid var(--theme-box-border-color); -moz-border-radius: 5px; border-radius: 5px; background: var(--theme-highlight-background); padding: 0.5em; max-width: 25em; margin: auto; } body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div a:hover { text-decoration: none; } body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div span { display: inline-block; } /********* [[Hooks]] *********/ #Hooks-Pre-Hardmode-table th, #Hooks-Hardmode-table th { line-height: 18px; } #Hooks-Pre-Hardmode-table td:nth-child(3), #Hooks-Pre-Hardmode-table td:last-child, #Hooks-Hardmode-table td:nth-child(3), #Hooks-Hardmode-table td:last-child { text-align: left; } #Hooks-Pre-Hardmode-table td:nth-child(8), #Hooks-Hardmode-table td:nth-child(8) { text-align: right; } #Hooks-Pre-Hardmode-table td:last-child, #Hooks-Hardmode-table td:last-child { font-size: var(--font-size-s); line-height: var(--line-height-s); } /********* [[Accessories]] and its related pages, [[Light sources]] *********/ .table-accessories tr { height: 3.5em; } .table-accessories td { position: relative; } .table-accessories td sup { position: absolute; right: 0.25em; top: 0.25em; } .table-accessories td:last-child, .table-accessories td:nth-child(4) { text-align: center; } /* for music box accessories */ .table-accessories td:nth-child(3) { text-align: left; } /********* [[Paintings]] *********/ .Paintings-table td:last-child, .Paintings-table td:nth-last-child(2) { text-align: left; } .Paintings-table td:nth-last-child(2) { white-space: nowrap; } #Painter-sell-table td:nth-last-child(2) { white-space: normal; } #Painter-sell-table td:nth-last-child(3) { text-align: left; white-space: nowrap; } #Paintings-chance-list li { line-height: 3em; } #Paintings-chance-list li > span:last-child { display: inline-block; width: 50px; text-align: right; } #Paintings-chance-list .i { display: inline-block; width: 270px; } /********* [[Fishing Poles]] *********/ #fishing-poles-table th { line-height: 1.25; } #fishing-poles-table td:nth-child(3), #fishing-poles-table td:nth-child(8), #fishing-poles-table td:nth-child(9), #fishing-poles-table td:nth-child(10) { text-align: left; font-size: 85%; } /* [[Light sources]] */ #table-portable-light-source td:first-child, #table-portable-light-source td:nth-child(2) { text-align: left; } #table-Furniture td:first-child { text-align: left; } #table-Novelty-lights td:first-child, #table-Novelty-lights td:nth-child(2) { text-align: left; } #table-Light-Pet td:first-child { text-align: left; } #table-buffs td:last-child, #table-buffs td:nth-child(2) { text-align: center; } #table-Furniture2 td:first-child { text-align: left; } #table-Accessories td:last-child { text-align: center; } #table-Blocks td:last-child { text-align: center; } #table-Growable td:nth-child(2), #table-Growable td:last-child { text-align: center; } #table-other td:nth-child(2) { text-align: center; } #table-world-generation td:first-child { text-align: left; } /********* [[Drills]] *********/ #drills-Effectiveness-table td:first-child { text-align: left; } /********* [[Pickaxes]], [[Mining speed]] *********/ #pickaxes-table th { line-height: 1.25; } #pickaxes-table td:first-child, #pickaxes-table td:nth-child(2) { text-align: left; } /********* [[Bunny]] *********/ #bunny-variants { float: right; text-align: center; width: 130px; } #bunny-variants img { margin: 0.5em auto 0.25em; } #bunny-variants .npc-id { background: var(--theme-highlight-background); padding: 2px 0; font-weight: bold; text-align: center; font-size: 10.5px; } /********* [[Help:Creating animated GIFs]] *********/ #table-gif td { vertical-align: top; } /********* [[Terraria Wiki:Projects]] and subpages *********/ .projects-wrapper { border: 1px solid var(--theme-box-border-color); vertical-align: top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 7px; } .projects-header { background: var(--theme-highlight-background); padding: 7px; font-weight: bold; text-align: center; font-size: 140%; } /********* [[Evil biome#Corruption and Crimson counterparts]] *********/ #cc-counterparts td:nth-child(3) { border-left-width: 1px; } /********* [[Guide:Game progression graph]] *********/ #progression-graph { overflow: auto; } #progression-graph .diagram { margin: auto; } #progression-graph .diagram big { display: block; line-height: 1.3; font-size: 130%; } #progression-graph .diagram small { display: block; line-height: 1.3; font-size: 80%; } .game-progression.legend { white-space: nowrap; display: inline-block; color: var(--theme-text-color); border: 2px var(--theme-box-border-color) solid; padding: 2px 0.5em; border-radius: 6px; } .game-progression.box { background-color: rgba(255, 255, 255, 0.15); } .game-progression.biome { border-color: var(--theme-notice-green-border-color); } .game-progression.boss { border-color: var(--theme-notice-red-border-color); } .game-progression.miniboss { border-color: var(--theme-notice-red-border-color); border-style: dotted; } /********* [[Guide:Armor progression]] *********/ .armorg-subh { font-size: 95%; } /********* [[Axes]] *********/ #axes-table td:first-child, #axes-table td:nth-child(2) { text-align: left; } /********* [[Hammers]] *********/ #hammers-table td:first-child, #hammers-table td:nth-child(2) { text-align: left; } #hammers-table th { line-height: 1.25; } /********* [[Health]] *********/ #Preventing-damage-table td:nth-child(2) { text-align: center; } #Preventing-Drowning-table td:nth-child(2) { text-align: center; } #lava-safety-table td:nth-child(2) { text-align: center; } #Healing-table td:nth-child(2), #Healing-table td:nth-child(3) { text-align: center; } #Regeneration-table td:nth-child(2) { text-align: center; max-width: 280px; } #draining-table td:nth-child(2) { text-align: center; } /********* [[Map size]] *********/ #table-mapsizes td:nth-child(2), #table-mapsizes td:nth-child(3), #table-mapsizes td:nth-child(4), #table-mapsizes td:nth-child(5) { text-align: right; } /********* [[NPC spawning]] *********/ #NPC-spawning-table-1 td:first-child { text-align: left; } /********* [[Player stats]] *********/ #Horizontal-movement-table td:first-child { text-align: left; } #Medium-movement-table td:first-child { text-align: left; } /********* [[Pickaxe power]] *********/ #in-game-table td:first-child { text-align: left; padding: 0.5em 0; } /********* [[Template:Item infobox/doc]], [[Template:Npc infobox/doc]] *********/ table.lined .infob-doc-no-border-b td { border-bottom: 0; } table.lined .infob-doc-medium-border-t td { border-top: 2px var(--theme-box-border-color) solid; } /********* [[Potion Sickness]] *********/ #Potion-Sickness-table td:last-child { border-left: 1px var(--theme-box-border-color) solid; text-align: center; } #Potion-Sickness-table td:first-child { border-left: 0; text-align: left; } /********* [[Angler/Quests]] *********/ #angler-quests-table td:first-child { font-style: italic; } /********* [[Whips]] *********/ #whips-table td:nth-child(4) { text-align: left; font-size: 85%; } /********* [[Achievements]] *********/ .trw-toggleable.achievements .trw-togglehandle { text-align: center; } .trw-toggleable.not-toggled.achievements thead, .trw-toggleable.not-toggled.achievements tfoot, .trw-toggleable.not-toggled.achievements td { display: none; } .trw-toggleable.not-toggled.achievements table, .trw-toggleable.not-toggled.achievements tr, .trw-toggleable.not-toggled.achievements td:first-child { display: block; border: 0; } .trw-toggleable.not-toggled.achievements tbody { display: grid; grid-template-columns: repeat(auto-fill, minmax(18em, 1fr)); align-items: center; } .trw-toggleable.not-toggled.achievements .achievement > div > div:last-child, .trw-toggleable.not-toggled.achievements .achievement > div > i { display: none; } /* Achievement text color */ .trw-toggleable.not-toggled.achievements .achievement > div { color: var(--theme-text-color) !important; } .trw-toggleable.not-toggled.achievements .achievement > div { color: transparent; } .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } #ps3wiiu.not-toggled div.achievement:not(:first-child) { display: none !important; } #ps3wiiu.not-toggled div.achievement img[alt=Playstation] { display: none; } #oldmobile.not-toggled .achievement:not(:first-child) > :first-child { display: none; } #oldmobile.not-toggled td { position: relative; min-height: 72px; min-width: 72px; } #oldmobile.not-toggled td:first-child { display: flex; flex-direction: column; justify-content: center; } #oldmobile.not-toggled .achievement { margin-left: 0 !important; } #oldmobile.not-toggled .achievement > :first-child { position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center; } #oldmobile.not-toggled .achievement > div { padding-left: 64px; margin-top: 0; margin-bottom: 0; line-height: 1.1; } @media (max-width: 600px) { .trw-toggleable.not-toggled.achievements .achievement > div { display: none; } .trw-toggleable.not-toggled.achievements tbody { display: block; } .trw-toggleable.not-toggled.achievements tr { display: inline-block; } } /********* [[Drowning]] *********/ .drowning-table-no-border { border: none; } .drowning-table-no-border td { border-bottom: 0 !important; } /********* [[Trees/Shaking]] (transcluded on [[Trees]]) *********/ #treeshaking-table ul { list-style: none; margin-left: 0; } #treeshaking-table td { white-space: nowrap; text-align: center; } #treeshaking-table td:first-child { text-align: left; } /********* [[Terraria Wiki:Admin noticeboard/header]], [[Terraria Wiki:Community noticeboard/header]] *********/ .noticeboardheader-wrapper { margin-bottom: 0.75em; } .noticeboardheader-header { text-align: center; font-size: 140%; background: var(--theme-highlight-background); padding: 4px; } .noticeboardheader-forumsnotice { margin-top: 0.5em; padding: 5px; text-align: center; border: 2px solid var(--theme-notice-red-border-color); border-radius: 0.7em; background-color: var(--theme-notice-red-background-color); } .noticeboardheader-adminslist { z-index: 500; float: right; margin: 10px 0 10px 10px; } .noticeboardheader-intro { padding: 10px; } .noticeboardheader-admin-part1 { border-top: 1px solid var(--theme-border-color); padding: 10px; overflow: hidden; } .noticeboardheader-admin-part2 { border-top: 1px solid var(--theme-border-color); padding: 10px 10px 3px 10px; overflow: hidden; } .noticeboardheader-admin-part3 { border: 1px solid var(--theme-notice-purple-border-color); border-radius: 10px; padding: 5px 10px 10px 10px; overflow: hidden; } .noticeboardheader-community-part1 { border-top: 1px solid var(--theme-border-color); font-size: 90%; padding: 10px; } .noticeboardheader-community-part2 { border: 1px solid var(--theme-notice-purple-border-color); border-radius: 10px; font-size: 90%; padding: 10px; } /********* [[Terraria Wiki:Style guide/Disambiguation]] *********/ .disambigexample.terraria { overflow: unset; margin: 1.5em 0 1em; } .disambigexample > span { position: absolute; margin-top: calc(-8px - 1.2em); margin-left: -3px; padding-right: 3px; padding-left: 3px; background-color: var(--theme-background); font-size: 80%; } /********* [[Guide:Class setups]] *********/ /* overriding the margin-top from the standard .infocard styling; * we use flexbox's gap on the page instead */ .infocard.guide-class-setups + .infocard.guide-class-setups { margin-top: unset; } /********* [[Moon phase]], [[Legacy:Moon phase]] *********/ table.moon-phase-table td { /* (selector needs to be this specific to override a "table.terraria td" rule */ border: 1px solid var(--theme-box-border-color-light); } table.moon-phase-table td.blankcell { background-color: var(--oouihelper--themerelated-disabled-transparent); } table.moon-phase-table tr.borderbottom td, table.moon-phase-table tr td.borderbottom { border-bottom: 2px solid var(--theme-box-border-color); } /*********************************************************************************************************** * theming. ***********************************************************************************************************/ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, theme vars, etc. ***********************************************************************************************************/ /*** vars, for theming ***/ :root { --theme-page-background-color--secondary: rgba(255,255,255,0.2); /* the following "--custom-notice-" vars are deprecated, please use the "--theme-notice-" vars directly instead */ --custom-notice-blue-background-color: var(--theme-notice-blue-background-color); --custom-notice-blue-border-color: var(--theme-notice-blue-border-color); --custom-notice-red-background-color: var(--theme-notice-red-background-color); --custom-notice-red-border-color: var(--theme-notice-red-border-color); --custom-notice-purple-background-color: var(--theme-notice-purple-background-color); --custom-notice-purple-border-color: var(--theme-notice-purple-border-color); --custom-notice-green-background-color: var(--theme-notice-green-background-color); --custom-notice-green-border-color: var(--theme-notice-green-border-color); --custom-notice-yellow-background-color: var(--theme-notice-yellow-background-color); --custom-notice-yellow-border-color: var(--theme-notice-yellow-border-color); --custom-notice-orange-background-color: var(--theme-notice-orange-background-color); --custom-notice-orange-border-color: var(--theme-notice-orange-border-color); --custom-notice-pink-background-color: var(--theme-notice-pink-background-color); --custom-notice-pink-border-color: var(--theme-notice-pink-border-color); --custom-template-expert-color: #ffb556; --custom-template-master-color: #ff5656; --custom-template-journey-color: #ff69c4; --custom-modetabs-expert-background-color: #ffeece; --custom-modetabs-expert-border-color: #ffca67; --custom-modetabs-expert-label-color: #eae3d1; --custom-modetabs-master-background-color: #ffe9e9; --custom-modetabs-master-border-color: #ffbaba; --custom-modetabs-master-label-color: #eae3d1; /*************************************************************************/ /* temp */ --theme-page-background-color: rgba(255,255,255,0.03); } /**** Theme vars START ***********************************************************/ /*** base default theme (Overworld/dark) ***/ :root { /* common */ --theme-highlight-background: rgba(20,20,20, 0.25); /******* "real" wiki content ********/ /* modetabs */ --theme-modetabs-classic-background: var(--theme-box-background); --theme-modetabs-classic-border-color: var(--theme-border-color); --theme-modetabs-classic-text-color: var(--theme-text-color-highlight); --theme-modetabs-classic-text-color-label: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-background: #a1743a80; --theme-modetabs-expert-border-color: #ffca67; --theme-modetabs-expert-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-text-color-label: #dab2fa; --theme-modetabs-master-background: #a9545467; --theme-modetabs-master-border-color: #ffbaba; --theme-modetabs-master-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-master-text-color-label: #ff6c60; } :root { /* floating scroll for wide table */ --theme-wide-table-shadow-color: #999; /* background & logo */ --theme-site-background: #b8bad0 url(https://terraria.wiki.gg/images/0/0e/Site-background-overworld.jpg) center top / cover no-repeat fixed; --theme-site-logo-image: url(https://terraria.wiki.gg/images/9/99/Site-logo-overworld.png); --theme-site-logo-width: 421px; --theme-site-logo-height: 140px; --theme-site-logo-filter: none; /* content background */ --theme-background: #5a433a; /* background for accent block */ --theme-background-accent: rgba(20,20,20,0.5); /* the "grass" */ --theme-top-background: url(https://terraria.wiki.gg/images/e/ef/Grass-top-overworld.png) top left repeat-x; /* the "grass" */ --theme-top-background-height: 13px; /* height of the image above. */ --theme-top-background-offset: -6px; /* top */ /* text color */ /* main text color */ --theme-text-color: #eae3d1; --theme-text-color--rgb: 234, 227, 209; --theme-text-color-note: #b5bdb2; /* subdued, "note"-style text color */ --theme-text-color-em: #c4ebd0; /* more prominent text color for emphasis */ --theme-text-color-highlight: #fff; --theme-text-color-control: #000; --theme-text-color-placeholder: rgba(234,227,209,0.4); --theme-heading-color: var(--theme-text-color); --theme-text-color-green: #00d400; --theme-text-color-orange: #ffa500; --theme-text-color-red: #fe9b9b; /* color behind text (normal and "note") to highlight it */ --theme-text-background-color-highlight: #645130; /* link text color */ --theme-link-color: #9fecf0; --theme-link-color--rgb: 159, 236, 240; --theme-link-color-hover: #86dcdf; --theme-link-color-visited: #86dcdf; --theme-link-color-redlink: #f66; --theme-link-color-accent: var(--theme-text-color-em); /* icon color */ --theme-icon-color: var(--theme-text-color); --theme-icon-color-link: var(--theme-link-color); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-icon-color-redlink: var(--theme-link-color-redlink); /* icon color of the toggle for collapsible elements */ --theme-collapsible-toggle-icon-color: var(--theme-text-color-note); --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover); /* hover mask */ --theme-highlight-background: rgba(20,20,20,0.25); /* "box" style for interface */ --theme-widget-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); --theme-widget-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-widget-border-radius: 6px; --theme-widget-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.jpg); /* "box" style for content */ --theme-box-border-color: #000; --theme-box-border-color--rgb: 0, 0, 0; --theme-box-border-color-light: rgba(255, 255, 255, 0.1); --theme-box-border-color-inner: var(--theme-box-border-color); --theme-box-background: rgba(20,20,20,0.12); --theme-box-border-radius: 5px; --theme-box-border-radius-inner: 8px; --theme-box-inset-shadow: inset 0 0 4px 1px rgba(255,255,255, 0.08); --theme-border-color: var(--theme-box-border-color); /* inner, separate border line */ --theme-border-color--rgb: var(--theme-box-border-color--rgb); /* inner, separate border line */ --theme-border-color-accent: #999; /* "horizontal rule" */ --theme-hr-color-top: rgb(20,20,20); --theme-hr-color-bottom: rgba(255,255,255, 0.1); /* dropdown menu body */ --theme-dropdown-border-width: 1px; /* single value */ --theme-dropdown-border-style: solid; --theme-dropdown-border-radius: var(--theme-widget-border-radius); --theme-dropdown-border-color: var(--theme-widget-border-color); --theme-dropdown-background: #60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.jpg); --theme-dropdown-shadow: 0px 0 5px 0px rgba(10,10,10, 0.3); /* border and background colors for various "notices", e.g. boxes like [[Template:Msgbox]] */ --theme-notice-blue-background-color: hsla(200, 80%, 90%, 20%); --theme-notice-blue-border-color: hsl(200, 60%, 72%); --theme-notice-red-text-color: hsl(0, 100%, 70%); --theme-notice-red-background-color: hsla(0, 80%, 90%, 20%); --theme-notice-red-border-color: hsl(0, 60%, 72%); --theme-notice-purple-background-color: hsla(228, 80%, 90%, 20%); --theme-notice-purple-border-color: hsl(243, 60%, 72%); --theme-notice-green-background-color: hsla(84, 80%, 90%, 20%); --theme-notice-green-border-color: hsl(84, 60%, 72%); --theme-notice-yellow-background-color: hsla(58, 80%, 90%, 20%); --theme-notice-yellow-border-color: hsl(58, 60%, 72%); --theme-notice-orange-text-color: hsl(28, 100%, 70%); --theme-notice-orange-background-color: hsla(28, 80%, 90%, 20%); --theme-notice-orange-border-color: hsl(28, 60%, 72%); --theme-notice-pink-background-color: hsla(324, 80%, 90%, 20%); --theme-notice-pink-border-color: hsl(324, 60%, 72%); } /* sidebar */ #mw-panel { --theme-background: #593e35 url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg); /* when under 1366px */ --theme-section-background: var(--theme-widget-background); --theme-heading-background: rgba(20,20,20, 0.15); --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); } /* navbar */ #mw-head { --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); --theme-icon-color-link: var(--theme-link-color-accent); --theme-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg); --theme-background-shadow: linear-gradient(to top, rgba(10,10,10,0.25), transparent 30%); --theme-border-bottom-color: rgba(255,255,255, 0.1); --theme-tab-background-selected: #5a433a; /* same as #content background */ --theme-tab-background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4)), #5a433a; --theme-tab-border-color-selected: rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3) rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15); --theme-tab-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-legacy-search-border-color: rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2); --theme-legacy-search-border-color-active: rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15) rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3); } #footer { --theme-background: linear-gradient(rgba(20,20,20, 0.3), rgba(20,20,20, 0.3)), #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg) center top / auto 100%; --theme-inner-shadow: inset var(--theme-widget-shadow); } /* catlinks */ .catlinks { --theme-background: rgba(10, 10, 10, 0.3); --theme-border-color: rgba(13,4,2,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.1) rgba(13,4,2,0.5); } /********* OOUI theming *********/ :root { /* These helper variables are defined for reuse in the variable definitions below */ --oouihelper--red: #b32424; --oouihelper--red-darker: #551111; --oouihelper--red-lighter: #f04848; --oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6); /* #f0484899 */ --oouihelper--red-lightest: #ff5959; --oouihelper--yellow: #ac6600; --oouihelper--yellow-darker: #4d2e00; --oouihelper--yellow-lighter: #ffcc33; --oouihelper--green: #006633; --oouihelper--green-darker: #00331a; --oouihelper--green-lighter: #00e673; --oouihelper--progressive: #9fecf0; --oouihelper--progressive-transparent: rgba(159, 236, 240, 0.6); /* #9fecf099; */ --oouihelper--progressive-lighter: #a7eef1; --oouihelper--disabled: #b3b3b3; --oouihelper--disabled-lighter-transparent: rgba(196, 196, 196, 0.5); --oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.5); --oouihelper--borderdark: #000; --oouihelper--borderdark-lighter: #0e0c0c; --oouihelper--borderdark-hover: #72777d; --oouihelper--borderdark-focus: var(--oouihelper--progressive); --oouihelper--textinput-background: rgba(20, 20, 20, 0.65); --oouihelper--textinput-background-lighter: rgba(30, 30, 30, 0.65); --oouihelper--textinput-background-darker: rgba(20, 20, 20, 0.8); --oouihelper--placeholdertext: rgba(234, 227, 209, 0.4); --oouihelper--themerelated: #a58350; --oouihelper--themerelated-lighter: #cdab78; --oouihelper--themerelated-lighter-transparent: rgba(171, 120, 84, 0.6); --oouihelper--themerelated-lightest: #e6dbcb; --oouihelper--themerelated-darker: #785f3a; --oouihelper--themerelated-darkest: #342919; --oouihelper--themerelated-disabled: rgba(230, 219, 203, 0.25); --oouihelper--themerelated-disabled-transparent: rgba(230, 219, 203, 0.05); --oouihelper--themerelated-disabled-lighter: rgba(238, 231, 221, 0.25); --oouihelper--text-background: #2c2421; /* ---------------------------------------------- */ /* Actual OOUI variables, grouped by element type */ /* misc */ --ooui--inlinehelp-color: var(--theme-text-color-note); --ooui--disabled-color: var(--oouihelper--disabled); /* all buttons */ --ooui--button-background--hover: #7b573d url(https://terraria.wiki.gg/images/d/d4/Button-background-overworld.jpg) center center / cover repeat-x; --ooui--button-background: linear-gradient(rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)), var(--ooui--button-background--hover); --ooui--button-box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px; --ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; /* "normal" button */ --ooui--button-border-top: 1px solid rgba(151, 107, 69, 0.7); --ooui--button-border-right: 1px solid rgba(86, 47, 33, 0.7); --ooui--button-border-bottom: var(--ooui--button-border-right); --ooui--button-border-left: var(--ooui--button-border-top); --ooui--button-border-top--hover: 1px solid rgb(151, 107, 69); --ooui--button-border-right--hover: 1px solid rgb(86, 47, 33); --ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover); --ooui--button-border-left--hover: var(--ooui--button-border-top--hover); --ooui--button-color: var(--theme-text-color); --ooui--button-color--hover: var(--theme-text-color-highlight); /* "progressive" button */ --ooui--button-progressive-color: var(--oouihelper--progressive); --ooui--button-progressive-color--hover: var(--oouihelper--progressive-lighter); --ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px; --ooui--button-progressive-primary-border-color: var(--oouihelper--progressive); --ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter); /* "destructive" button */ --ooui--button-destructive-color: var(--oouihelper--red-lighter); --ooui--button-destructive-color--hover: var(--oouihelper--red-lightest); --ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px; --ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter); --ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest); /* disabled button */ --ooui--button-disabled-color: var(--oouihelper--disabled); --ooui--button-disabled-background: linear-gradient(var(--oouihelper--disabled-darker-transparent), var(--oouihelper--disabled-darker-transparent)), var(--ooui--button-background--hover); --ooui--button-disabled-border-top: 1px solid rgba(126, 109, 93, 0.7); --ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7); --ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right); --ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top); /* frameless button */ --ooui--button-frameless-on-color: var(--theme-text-color-highlight); /* textarea */ --ooui--textarea-background-color: var(--oouihelper--textinput-background); --ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext); --ooui--textarea-border-color: var(--oouihelper--borderdark); --ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter); --ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker); --ooui--textarea-disabled-color: var(--oouihelper--disabled); --ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent); --ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9); --ooui--textarea-pending-background-color-2: #000; /* checkbox */ --ooui--checkbox-border-color: var(--oouihelper--themerelated); --ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23a58350%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23cdab78%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon); /* radiobutton */ --ooui--radiobutton-border-color: var(--oouihelper--themerelated); --ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled); /* toggleswitch */ --ooui--toggleswitch-border-color: var(--oouihelper--themerelated); --ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker); --ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest); --ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter); /* dropdown */ --ooui--dropdown-background-color: var(--oouihelper--textinput-background); --ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter); --ooui--dropdown-border-color: var(--oouihelper--borderdark); --ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--dropdown-disabled-color: var(--oouihelper--disabled); --ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent); /* selectfile */ --ooui--selectfile-border-color: #72777d; --ooui--selectfile-background-color: var(--oouihelper--textinput-background); --ooui--selectfile-candrop-background-color: #514743; /* tag item */ --ooui--tagitem-background-color: rgba(20, 20, 20, 0.75); --ooui--tagitem-border-color: var(--oouihelper--borderdark); --ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest); --ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter); --ooui--tagitem-color--hover: #efeadc; --ooui--tagitem-disabled-color: var(--oouihelper--disabled); --ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.5); /* multioption */ --ooui--multioption-disabled-color: var(--oouihelper--disabled); /* progressbar */ --ooui--progressbar-border-color: var(--oouihelper--themerelated); --ooui--progressbar-bar-background-color: var(--oouihelper--themerelated); --ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled); --ooui--progressbar-pending-background-color-1: #7a6a52; --ooui--progressbar-pending-background-color-2: #4d4233; /* messagewidget */ --ooui--messagewidget-notice-background-color: #4e3a32; --ooui--messagewidget-notice-border-color: #2f231e; --ooui--messagewidget-error-background-color: var(--oouihelper--red); --ooui--messagewidget-error-border-color: var(--oouihelper--red-darker); --ooui--messagewidget-error-color: var(--oouihelper--red-lighter); --ooui--messagewidget-warning-background-color: var(--oouihelper--yellow); --ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker); --ooui--messagewidget-success-background-color: var(--oouihelper--green); --ooui--messagewidget-success-border-color: var(--oouihelper--green-darker); --ooui--messagewidget-success-color: var(--oouihelper--green-lighter); /* menuselectwidget */ --ooui--menuselect-background-color: var(--oouihelper--text-background); --ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--menuselect-border-color: var(--oouihelper--borderdark); --ooui--menusectionoption-color: var(--oouihelper--placeholdertext); /* tabselectwidget */ --ooui--tabselect-background-color: var(--oouihelper--text-background); --ooui--tabselect-selected-background-color: var(--theme-background); --ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter); --ooui--tabselect-frameless-selected-color: var(--theme-link-color); --ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color); --ooui--tabselect-frameless-highlighted-color: #bcd1d2; --ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2; --ooui--taboption-color: var(--oouihelper--placeholdertext); /* outlineselectwidget */ --ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; --ooui--outlineoption-background-color: var(--oouihelper--text-background); --ooui--outlineoption-border-color: var(--oouihelper--borderdark); --ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--outlineoption-pressed-background-color: #22292a; /* popupwidget */ --ooui--popup-background-color: var(--oouihelper--text-background); --ooui--popup-border-color: var(--oouihelper--borderdark); /* layouts */ --ooui--bookletlayout-border-color: var(--oouihelper--borderdark); --ooui--panellayout-border-color: var(--oouihelper--borderdark); /* dialog */ --ooui--dialog-border-color: var(--oouihelper--borderdark); --ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter); /* window */ --ooui--window-background-color: var(--oouihelper--text-background); --ooui--window-border-color: var(--oouihelper--borderdark); /* indicators */ /* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */ --ooui--indicator-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--indicator-invert-filter: brightness(0); /* icons */ --ooui--icon-normal-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--icon-progressive-filter: brightness(0) invert(90%) sepia(21%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%); --ooui--icon-destructive-filter: brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%); --ooui--icon-invert-filter: brightness(0); --ooui--icon-success-filter: brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%); /* #00e673 */ --ooui--icon-warning-filter: brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%); /* #ffcc33 */ --ooui--icon-error-filter: brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%); /* #f04848 */ } /********* Theming of Codex design tokens *********/ :root { --color-base: #eae3d1; --color-progressive: #9fecf0; --color-progressive--hover: #86dcdf; --color-destructive: #f66; } /***************************************************************************************************/ /***************************************************************************************************/ /****************************** Custom CSS for the Fargo Mods Wiki ******************************/ /***************************************************************************************************/ /***************************************************************************************************/ /* * The main stylesheet for the wiki is imported from the vanilla Terraria Wiki. * Customizations of those rules and special styles that only apply to this wiki * are added here. */ :root{ --theme-site-logo-image: url(https://fargosmods.wiki.gg/images/e/e6/Site-logo.png); --theme-body-background: #111 url(/images/5/57/Site-background.png) center center / cover no-repeat fixed; --theme-site-logo-width: 372px; --theme-site-logo-height: 132px; } @media screen and (min-width: 1367px){ body{ grid-template-rows: [body-start] calc( var(--wikigg-header-height) + 24px) [page-start nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end] var(--layout-footerspace) [body-end]; } div#p-logo{ position: static; background-size: 100% auto; height: var(--theme-site-logo-height); } div#p-logo .mw-wiki-logo{ width: 100%; height: 100%; } body.content-size-expanded #mw-panel{ display: none; } } @media screen and (max-width: 1366px){ #p-logo { margin: 0; left: 50%; transform: translate(-50%, 0); } } @media screen and (max-width: 900px){ :root{ --layout-logo-scale: 1; } #p-logo { margin: 0; left: 0; transform: translateY(-4px); } #mw-panel #p-logo + .portal .body, #mw-panel .portal:last-child .body{ left: auto; right: 0; } } /* Logo */ #p-logo { background:url("/images/e/e6/Site-logo.png") center center/var(--theme-site-logo-width) auto no-repeat; } /* Hide the links to base pages (below the page title) but only in namespaces "(Main)" and "User" */ .ns-0 #contentSub .subpages, .ns-2 #contentSub .subpages { display: none; } /* Mod name in firstHeading (set via {{mod sub-page}}) */ #firstHeading .firstHeading-modname { display: block; font-size: 70%; color: var(--theme-text-color-note); } /* Ensure that the mod logo (top right corner) stays above the line */ #bodyContent { clear: both; } /* Custom list style for use in miniature bullet lists within infobox drop tables */ span.dropSub ul { list-style: none; margin-top: 0; margin-left: 0; padding-left: 0; } span.dropSub li { padding-left: 1em; text-indent: -1em; } span.dropSub li:before { content: "•"; } /* ================================================================== */ /* Template styles */ /* ================================================================== */ /* Template:Summoned */ .summoned.infobox { text-align: center; padding-bottom: 12px; } .summoned.infobox .title { font-size: 12px; } .summoned.infobox .p { font-size: 14px; } /* ================================================================== */ /* Responsive mod front page styles */ /* ================================================================== */ /* all sections */ .modfp-box { border: 1px solid var(--custom-accent-border-color); border-radius: 5px; -moz-border-radius: 5px; padding: 7px; } /* header section */ .modfp-section-header { margin-bottom: 0.5em; } .modfp-section-header > div { flex-grow: 1; } .modfp-header { background: var(--theme-accent-color); padding: 8px; margin: 3px; text-align: center; color: var(--theme-accent-label-color); } .modfp-header .modfp-highlightbox { border: 1px solid var(--custom-accent-border-color); margin-top: 5px; padding: 5px; text-align: center; background: var(--theme-page-background-color); } .modfp-title { margin-bottom: 1em; } .modfp-title .modfp-big { font-size: 160%; } /* mod info section */ .modfp-section-info { margin-bottom: 0.5em; } .modfp-section-info, .modfp-section-content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; column-gap: 0.25em; row-gap: 0.5em; } .modfp-section-info > .modfp-box:first-child { flex-grow: 1; flex-basis: 70%; } .modfp-section-info > .modfp-box:last-child { flex-grow: 1; flex-basis: 29%; } .modfp-versionbox-content, .modfp-versionbox-content-sub { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .modfp-versionbox-content-sub > div:first-child { font-weight: bold; } .modfp-versionbox-content-sub:not(div:last-child)::after { content: ""; width: 100%; border-top: 1px var(--custom-accent-border-color) solid; margin: 0.25em 0; } /* content section */ .modfp-section-content { margin-bottom: 0.5em; } .modfp-section-content > div { flex-grow: 1; } /* ================================================================== */ /* Main page styles */ /* ================================================================== */ /* Hide page title */ body.page-Terraria_Mods_Wiki h1.firstHeading { display: none; } #section-main .infocard, #section-misc .infocard { margin: 2px; } #mainpage-wrapper .box { border: 1px solid #AFCFE2; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; margin: 3px; } #mainpage-wrapper .box .boxcontent { padding: 10px; } #mainpage-wrapper #box-header .boxcontent, #mf-wikiheader .box { background: var(--theme-accent-color); padding: 8px; margin: 3px; text-align: center; color: var(--theme-text-color); } #mainpage-wrapper #box-header { padding: 7px; margin: 2px; } #mainpage-wrapper #box-header > div { background: var(--theme-page-background-color); } #mainpage-wrapper #box-header .heading { font-size: 162%; } #mainpage-wrapper #box-header .linksbox, #mf-wikiheader .linksbox { margin-top: 5px; padding: 5px; text-align: center; background: var(--theme-highlight-background); } #mainpage-wrapper #box-description { flex: 10 0 240px; } #mainpage-wrapper #box-description .boxcontent > div:not(:last-child) { margin-bottom: 30px; } #mainpage-wrapper #box-featuredmods { flex: 1 1 240px; } #mainpage-wrapper #box-featuredmods .allmods-link { margin-top: 1em; } #mainpage-wrapper #box-externalwikis .boxcontent div:first-child { margin-bottom: 1.5em; } #mainpage-wrapper #box-externalwikis .boxcontent > ul { list-style-image: none; list-style-type: none; } #mainpage-wrapper #box-newmods { flex: 1 0 240px; } #mainpage-wrapper #box-newmods .newmods-list { column-count: 2; margin-bottom: 1.75em; } #mainpage-wrapper #box-wikicommunity { flex: 2 0 240px; } #mainpage-wrapper .footer { margin: 0.75em 2px 0; } #mainpage-wrapper .footer > div { margin: auto; max-width: 25em; text-align: center; border: 1px solid var(--theme-border-color); -moz-border-radius: 5px; border-radius: 5px; background: var(--theme-highlight-background); padding: 0.5em; } .mp-heading { background: var(--theme-accent-color); padding: 5px 20px; margin: 3px; font-weight: bold; text-align: center; font-size: 120%; color: var(--theme-accent-label-color); } .externalwikis-grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); place-items: center; row-gap: 1.25em; margin: 1.25em 0; } .externalwikis-grid-container div { transition: transform .15s linear; } .externalwikis-grid-container div:hover, .externalwikis-grid-container div:focus { transform: scale(1.1); } /* -- Infobox & infobox wrapper template style ---------------------- */ /* some rules just kept for "old" template. */ .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px #000 solid; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /* styles for latest template */ .infobox{ border: 1px solid #000; border-radius: 8px; padding: 6px; float: right; font-size: 12px; background-color: #343031; margin: 0 0 0.5em 1em; } @media(max-width:450px){ .infobox{ float: none; } } .infobox.float-right{ float: right; margin: 0 0 0.5em 1em; } .infobox.float-left{ float: left; margin:0 1em 0.5em 0; } .infobox.float-none{ float: none; margin:0 1em 0.5em 0; } .infobox table{ background-color: transparent; width: 100%; border-spacing: 0; } .infobox table th{ white-space: nowrap; padding: 2px; text-align: right; border-right: 1px solid #343031; width: 5em; vertical-align: middle; } .infobox table td{ padding: 2px; vertical-align: middle; } .infobox .title{ background-color: #333033; color: #FFF; font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title{ font-size: 15px; padding: 8px 0; line-height: 1.2; } .infobox > .title span{ display: block; font-size: 12px; color: slategray; font-style: italic; } .infobox > .title span::before{ content: "("; font-style: normal; } .infobox > .title span::after{ content: ")"; font-style: normal; } .infobox .variant{ background-color: #343031; color: #FFF; font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; } .infobox .images{ position: relative; padding: 6px 0; min-height: 40px; text-align: center; display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; /* direction=column, for IE11 */ -webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; -webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center; } .infobox ul{ list-style: none; margin: auto; text-align: center; } .infobox .stat td > small{ font-size: 10.5px; font-weight: bold; } .infobox .stat td > small::before{ content: "("; } .infobox .stat td > small::after{ content: ")"; } .infobox tr.buff th, .infobox tr.buff td{ background-color: #333033; border: 1px solid #000000; } .infobox tr.buff th{ border-left: 0; } .infobox tr.buff td{ border-right: 0; padding-left: 3px; } .infobox tr.buff td b{ font-weight: bold; } .infobox .variant{ margin-bottom: 2px; white-space: nowrap; } .infobox .drops td:first-child{ text-align: left; } .infobox .drops td:last-child{ text-align: right; } .infobox .drops th:first-child{ text-align: left; border-right: 0; } .infobox .section.drops{ margin-top: 6px; margin-bottom: 6px; } .infobox .drops.money{ margin: 2px auto; } .npc.infobox .map{ text-align: center; padding-top: 3px; margin-top: 6px; border-top: 1px solid #000; } .infobox .image2{ text-align: center; padding-top: 3px; margin-top: 6px; border-top: 1px solid #000; } .infobox .proj, .infobox .ib_sound, .infobox .cooldown { text-align: center; padding-top: 3px; margin-top: 6px; } .infobox .drops.items{ margin-bottom: 1px; } .infobox .drops.items li{ border-bottom: 1px #1f1c1e solid; padding: 3px 0; margin-bottom: auto; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; -webkit-flex-wrap:nowrap; -moz-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-direction:normal; -webkit-box-orient:horizontal; -moz-box-direction:normal; -moz-box-orient:horizontal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; align-items:center; } .infobox .drops.items li:first-child{ background-color: #343031; color: #FFF; padding: 2px 3px 0; } .infobox .drops.items li > div{ display: block; } .infobox .drops.items li > div:first-child{ text-align: left; } .infobox .drops.items li > div:last-child{ text-align: right; } .infobox .drops.items li:last-child{ border-bottom: none; } .infobox .drops.items li.caption{ border-top:2px #1f1c1e solid; margin-top: 2px; line-height:1; text-align: center; color:#ffffff; font-size: 10.5px; background:#343031; padding-top: 5px; display: block; } .infobox .drops.items li.group_end{ border-bottom:5px #1f1c1e solid; position: relative; } .infobox .drops.items li.group_end::after{ content: ""; display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; background-color: #343031; } /* for item infobox */ .item.infobox{ width: 21em; } .item.infobox .images .auto, .infobox.item .images .stack{ position: absolute; right: 3px; } .item.infobox .images .instrument { position: absolute; left: 3px; } .item.infobox .images .auto{ top: 3px; } .item.infobox .images .stack, .item.infobox .images .instrument{ bottom: 3px; } .item.infobox .images ul.inline li{ display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; } .item.infobox .images ul.inline li::before{ content: ""; display: block; width: 1px; background: #ccc; height: 80%; position: absolute; left: 0; top: 10%; } .item.infobox .images ul.inline li:first-child::before{ display: none; } .item.infobox .images ul.block li{ display: block; padding: 13px 0 0 0; margin: auto; position: relative; } .item.infobox .images ul.block li::before{ content: ""; display: block; height: 1px; background: #ccc; width: 80%; position: absolute; left: 10%; top: 6px; } .item.infobox .images ul.block li:first-child{ padding-top: 0; } .item.infobox .images ul.block li:first-child::before{ display: none; } .item.infobox ul.toolpower{ padding: 6px 0; cursor: pointer; } .item.infobox ul.toolpower li{ display: inline-block; padding: 0 0.5em; } /* for npc infobox */ .npc.infobox{ width: 23em; } .npc.infobox .statistics table th{ width: 6em; } /* infobox wrapper */ .infobox-wrapper.float-right{ float: right; margin-left: 0.5em; } .infobox-wrapper.float-left{ float: left; margin-right: 0.5em; } .infobox-wrapper.float-none{ float: none; } .infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none{ float: none; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right{ float: none; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right{ float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right{ float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none{ float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right{ float: right; margin: 0 0 0.5em 0.5em; } /* Auto line separators for tables */ table.lined td { border-bottom: 1px #666 solid; } table.lined tr:last-of-type td { border-bottom: 0; } table tr.bottomline td { border-bottom: 1px #000 solid; } table tr.topline td { border-top: 1px #000 solid; } table tr.bottomline:last-of-type td { border-bottom: 0; } .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } /* REGION: Theme */ .hp > div .text-red { /* high contrast */ color: #fe7c7c; } .hp > div .text-golden { /* high contrast */ color: #db9d40; } /*** Underground theme ***/ :root { /*** link text color ***/ --theme-link-color--rgb: 156, 255, 253; /* common */ --theme-border-color--rgb: 0, 0, 0; --theme-highlight-background: rgba(20,20,20, 0.25); --theme-box-border-color-invert: rgba(255,255,255, 0.1); --theme-button-background: linear-gradient(rgba(20,20,20, 0.2), rgba(20,20,20, 0.2)), var(--theme-button-background-active); --theme-button-border-color: rgba(120, 118, 162, 0.7) rgba(63, 44, 92, 0.7) rgba(63, 44, 92, 0.7) rgba(120, 118, 162, 0.7); --theme-button-background-active: #3e393d var(--theme-image-button-background) center center / cover repeat-x; --theme-button-border-color-active: rgb(120, 118, 162) rgb(63, 44, 92) rgb(63, 44, 92) rgb(120, 118, 162); /* sidebar/content common */ --theme-box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); /*** sidebar ***/ --theme-sidebar-box-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #60473b url(https://terraria.wiki.gg/images/8/84/Content-background-underground.jpg); --theme-sidebar-box-border-style: solid; --theme-sidebar-box-border-color: var(--theme-content-border-color); /* set it to "transparent" for no border */ --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color: rgba(234,227,209, 0.5); --theme-sidebar-heading-arrow-color-hover: rgb(234,227,209); --theme-sidebar-heading-background: rgba(20,20,20, 0.15); --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* for hover effect */ /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 1px solid rgb(10,10,10); --theme-sidebar-list-border-top: 1px solid rgba(255,255,255, 0.1); /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: rgba(20,20,20, 0.25); --theme-sidebar-list-item-text-color: var(--theme-text-color-em); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color-em); /* responsive */ --theme-sidebar-box-background-2: #60473b url(https://terraria.wiki.gg/images/a/ae/Navbar-background-underground.jpg); --theme-sidebar-dropdown-background: #60473b url(https://terraria.wiki.gg/images/8/84/Content-background-underground.jpg); /*** content box ***/ --theme-content-background: #3e393d; --theme-content-border-bottom-width: 0; --theme-content-border-style: solid; --theme-content-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-content-subpage-icon-color: rgba(234,227,209,0.4); /* color for "<" */ /** category: box **/ --theme-content-category-background: rgba(20,20,20, 0.25); --theme-content-category-border-style: solid; --theme-content-category-border-color: rgba(13, 4, 2, 0.5) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.5); /** notification **/ --theme-notification-background: url(https://terraria.wiki.gg/images/c/c0/Notification-background-underground.png); --theme-notification-border-color: #cdab7b #562f21 #562f21 #cdab7b; --theme-notification-shadow: 0px 0px 10px 0px rgb(var(--theme-shadow-color-rgb)); /* ------------------------------------------------------------------------- */ /* ========================================================================= */ /* OOUI variables start */ /* ========================================================================= */ /* ------------------------------------------------------------------------- */ /* These helper variables are defined for reuse in the variable definitions below */ --oouihelper--red: #b32424; --oouihelper--red-darker: #551111; --oouihelper--red-lighter: #f04848; --oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6); /* #f0484899 */ --oouihelper--red-lightest: #ff5959; --oouihelper--yellow: #ac6600; --oouihelper--yellow-darker: #4d2e00; --oouihelper--yellow-lighter: #ffcc33; --oouihelper--green: #006633; --oouihelper--green-darker: #00331a; --oouihelper--green-lighter: #00e673; --oouihelper--progressive: var(--theme-link-color); --oouihelper--progressive-transparent: rgba(var(--theme-link-color--rgb), 0.6); --oouihelper--progressive-lighter: rgba(var(--theme-link-color--rgb), 0.8); --oouihelper--disabled: var(--theme-text-color-note); --oouihelper--disabled-lighter-transparent: rgba(196, 196, 196, 0.5); --oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.5); --oouihelper--borderdark: var(--theme-border-color); --oouihelper--borderdark-lighter: rgba(var(--theme-border-color--rgb), 0.85); --oouihelper--borderdark-hover: rgba(var(--theme-border-color--rgb), 0.9); --oouihelper--borderdark-focus: var(--oouihelper--progressive); --oouihelper--textinput-background: rgba(20, 20, 20, 0.65); --oouihelper--textinput-background-lighter: rgba(30, 30, 30, 0.65); --oouihelper--textinput-background-darker: rgba(20, 20, 20, 0.9); --oouihelper--placeholdertext: var(--theme-text-color-note); --oouihelper--themerelated: #8696b6; --oouihelper--themerelated-lighter: #9caccc; --oouihelper--themerelated-lighter-transparent: rgba(156, 172, 204, 0.6); --oouihelper--themerelated-lightest: #b7c7e6; --oouihelper--themerelated-darker: #62708a; --oouihelper--themerelated-darkest: #4b586e; --oouihelper--themerelated-disabled: rgba(134, 150, 182, 0.1); --oouihelper--themerelated-disabled-lighter: rgba(156, 172, 204, 0.6); --oouihelper--text-background: #2c2421; --oouihelper--text-deeper: var(--theme-text-color); /* Actual OOUI variables, grouped by element type */ /* misc */ --ooui--inlinehelp-color: var(--theme-text-color-note); --ooui--disabled-color: var(--oouihelper--disabled); /* all buttons */ --ooui--button-background--hover: #7b573d url(https://terraria.wiki.gg/images/0/0a/Button-background-underground.jpg) center center / cover repeat-x; --ooui--button-background: linear-gradient(rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)), var(--ooui--button-background--hover); --ooui--button-box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px; --ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; /* "normal" button */ --ooui--button-border-top: 1px solid rgba(120, 118, 162, 0.7); --ooui--button-border-right: 1px solid rgba(63, 44, 92, 0.7); --ooui--button-border-bottom: var(--ooui--button-border-right); --ooui--button-border-left: var(--ooui--button-border-top); --ooui--button-border-top--hover: 1px solid rgb(120, 118, 162); --ooui--button-border-right--hover: 1px solid rgb(63, 44, 92); --ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover); --ooui--button-border-left--hover: var(--ooui--button-border-top--hover); --ooui--button-color: var(--theme-text-color); --ooui--button-color--hover: var(--oouihelper--text-deeper); /* "progressive" button */ --ooui--button-progressive-color: var(--oouihelper--progressive); --ooui--button-progressive-color--hover: var(--oouihelper--progressive-lighter); --ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px; --ooui--button-progressive-primary-border-color: var(--oouihelper--progressive); --ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter); /* "destructive" button */ --ooui--button-destructive-color: var(--oouihelper--red-lighter); --ooui--button-destructive-color--hover: var(--oouihelper--red-lightest); --ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px; --ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter); --ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest); /* disabled button */ --ooui--button-disabled-color: var(--oouihelper--disabled); --ooui--button-disabled-background: linear-gradient(var(--oouihelper--disabled-darker-transparent), var(--oouihelper--disabled-darker-transparent)), var(--ooui--button-background--hover); --ooui--button-disabled-border-top: 1px solid rgba(126, 109, 93, 0.7); --ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7); --ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right); --ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top); /* frameless button */ --ooui--button-frameless-on-color: var(--oouihelper--text-deeper); /* textarea */ --ooui--textarea-background-color: var(--oouihelper--textinput-background); --ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext); --ooui--textarea-border-color: var(--oouihelper--borderdark); --ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter); --ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker); --ooui--textarea-disabled-color: var(--oouihelper--disabled); --ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent); --ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9); --ooui--textarea-pending-background-color-2: #000; /* checkbox */ --ooui--checkbox-border-color: var(--oouihelper--themerelated); --ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%238696b6%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); /* set the part between "fill=%22%23" and "%22" to the desired hexcode */ --ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%239caccc%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon); /* radiobutton */ --ooui--radiobutton-border-color: var(--oouihelper--themerelated); --ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled); /* toggleswitch */ --ooui--toggleswitch-border-color: var(--oouihelper--themerelated); --ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker); --ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest); --ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter); /* dropdown */ --ooui--dropdown-background-color: var(--oouihelper--textinput-background); --ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter); --ooui--dropdown-border-color: var(--oouihelper--borderdark); --ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--dropdown-disabled-color: var(--oouihelper--disabled); --ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent); /* selectfile */ --ooui--selectfile-border-color: #72777d; --ooui--selectfile-background-color: var(--oouihelper--textinput-background); --ooui--selectfile-candrop-background-color: #514743; /* tag item */ --ooui--tagitem-background-color: rgba(20, 20, 20, 0.75); --ooui--tagitem-border-color: var(--oouihelper--borderdark); --ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest); --ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter); --ooui--tagitem-color--hover: var(--theme-link-color-hover); --ooui--tagitem-disabled-color: var(--oouihelper--disabled); --ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.5); /* multioption */ --ooui--multioption-disabled-color: var(--oouihelper--disabled); /* progressbar */ --ooui--progressbar-border-color: var(--oouihelper--themerelated); --ooui--progressbar-bar-background-color: var(--oouihelper--themerelated); --ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled); --ooui--progressbar-pending-background-color-1: rgba(var(--theme-link-color--rgb), 0.5); --ooui--progressbar-pending-background-color-2: rgba(var(--theme-border-color--rgb), 0.5); /* messagewidget */ --ooui--messagewidget-notice-background-color: #343031; --ooui--messagewidget-notice-border-color: #1f1c1e; --ooui--messagewidget-error-background-color: var(--oouihelper--red); --ooui--messagewidget-error-border-color: var(--oouihelper--red-darker); --ooui--messagewidget-error-color: var(--oouihelper--red-lighter); --ooui--messagewidget-warning-background-color: var(--oouihelper--yellow); --ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker); --ooui--messagewidget-success-background-color: var(--oouihelper--green); --ooui--messagewidget-success-border-color: var(--oouihelper--green-darker); --ooui--messagewidget-success-color: var(--oouihelper--green-lighter); /* menuselectwidget */ --ooui--menuselect-background-color: var(--oouihelper--text-background); --ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--menuselect-border-color: var(--oouihelper--borderdark); --ooui--menusectionoption-color: var(--oouihelper--placeholdertext); /* tabselectwidget */ --ooui--tabselect-background-color: var(--oouihelper--text-background); --ooui--tabselect-selected-background-color: var(--theme-content-background); --ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter); --ooui--tabselect-frameless-selected-color: var(--theme-link-color); --ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color); --ooui--tabselect-frameless-highlighted-color: #bcd1d2; --ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2; --ooui--taboption-color: var(--oouihelper--placeholdertext); /* outlineselectwidget */ --ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; --ooui--outlineoption-background-color: var(--oouihelper--text-background); --ooui--outlineoption-border-color: var(--oouihelper--borderdark); --ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--outlineoption-pressed-background-color: #22292a; /* popupwidget */ --ooui--popup-background-color: var(--oouihelper--text-background); --ooui--popup-border-color: var(--oouihelper--borderdark); /* layouts */ --ooui--bookletlayout-border-color: var(--oouihelper--borderdark); --ooui--panellayout-border-color: var(--oouihelper--borderdark); /* dialog */ --ooui--dialog-border-color: var(--oouihelper--borderdark); --ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter); /* window */ --ooui--window-background-color: var(--oouihelper--text-background); --ooui--window-border-color: var(--oouihelper--borderdark); /* indicators */ /* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */ --ooui--indicator-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--indicator-invert-filter: brightness(0); /* icons */ --ooui--icon-normal-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--icon-progressive-filter: brightness(0) invert(90%) sepia(18%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%); --ooui--icon-destructive-filter: brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%); --ooui--icon-invert-filter: brightness(0); --ooui--icon-success-filter: brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%); /* #00e673 */ --ooui--icon-warning-filter: brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%); /* #ffcc33 */ --ooui--icon-error-filter: brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%); /* #f04848 */ /* ------------------------------------------------------------------------- */ /* ========================================================================= */ /* OOUI variables end */ /* ========================================================================= */ /* ------------------------------------------------------------------------- */ /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: rgba(234,227,209, 0.5); --theme-widget-toc-arrow-color-hover: rgba(234,227,209); --theme-widget-toc-item-hover-background: rgba(20,20,20, 0.25); --theme-collapsible-toggle-icon-color: var(--theme-text-color-note); --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover); /* temp */ --theme-image-button-background: url(https://terraria.wiki.gg/images/0/0a/Button-background-underground.jpg); } :root { --theme-background: #3e393d; } :root { --theme-top-background: url(https://fargosmods.wiki.gg/images/f/ff/Theme_Border.png) top left repeat-x; /* the "grass" */ --theme-top-background-height: 0px; /* height of the image above. */ --theme-top-background-offset: -3px } :root { --theme-text-color: #f7e8d1; /* main text color. 234,227,209 */ --theme-text-color-note: #b5bdb2; /* note text */ --theme-text-color-em: #f7e8d1; /* 196,235,208 */ --theme-text-color-green: #00be00; --theme-text-color-red: #fe7c7c; } :root { --theme-link-color: #9cfffd; --theme-link-color-hover: #9cfffd; --theme-link-color-visited: #9cfffd; } :root { --theme-widget-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #444041 url(https://terraria.wiki.gg/images/8/84/Content-background-underground.jpg); } :root { --theme-dropdown-background: #444041 url(https://terraria.wiki.gg/images/8/84/Content-background-underground.jpg); } #mw-panel { --theme-background: linear-gradient(rgba(20,20,20, 0.3), rgba(20,20,20, 0.3)), #40404a url(https://fargosmods.wiki.gg/images/2/2f/Theme_Top_Background_Wood.png); } #mw-head { --theme-background: linear-gradient(rgba(20,20,20, 0.3), rgba(20,20,20, 0.3)), #40404a url(https://fargosmods.wiki.gg/images/2/2f/Theme_Top_Background_Wood.png); --theme-tab-background-selected: #3e393d; /* same as #content background */ --theme-tab-background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4)), #3e393d; } #footer { --theme-background: linear-gradient(rgba(20,20,20, 0.3), rgba(20,20,20, 0.3)), #40404a url(https://fargosmods.wiki.gg/images/2/2f/Theme_Top_Background_Wood.png); } /* END REGION: Theme */ fa1ba9a42907bf37fc66814c0097254ebfb066d1 348 347 2025-07-10T00:18:59Z Squeaker 434557 Undo revision [[Special:Diff/347|347]] by [[Special:Contributions/Squeaker|Squeaker]] ([[User talk:Squeaker|talk]]) css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); --wiki-sidebar-border-radius 20px /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************* * Additional stuff * *********************/ /*********************************************************************************************************** * css for certain templates ***********************************************************************************************************/ /********* Infobox templates *********/ /* Common styles for these infobox templates: * [[Template:Drop infobox]] * [[Template:Item infobox]] * [[Template:Npc infobox]] * (other infobox templates are portable infoboxes instead and do not use the common ".infobox" class) */ .infobox { border: 1px solid var(--theme-box-border-color); border-radius: 8px; --padding: 6px; padding: var(--padding); font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; box-sizing: border-box; } .infobox * { background: none; } .infobox.float-right { float: right; margin: 0.5em 0 0.5em 1em; } .infobox.float-left { float: left; margin: 0.5em 1em 0.5em 0; } .infobox.float-none { float: none; margin: 0.5em 1em 0.5em 0; } .infobox blockquote.quotation { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0 0.25em; margin: 0.5em auto; } .infobox blockquote.quotation:before { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ font-size: 3.5em; left: 0; } .infobox blockquote.quotation div { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0; margin-left: 2em; border-left: 0; } .infobox table { background: none; width: 100%; border-spacing: 0; } .infobox table th, .infobox table td { padding: 2px; vertical-align: middle; } .infobox table th { white-space: nowrap; text-align: right; width: 5em; /* It is possible that an infobox is transcluded inside a table that * has "class=terraria". There is a rule for "table.terraria th" that * sets a background, but we don't want that to affect the <th> * elements of the infobox. Therefore we must override it here. */ background: none; } .infobox > .title, .infobox .section > .title { background: var(--modetabs-background); color: var(--modetabs-text-color); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title { font-size: 15px; padding: 6px 3px; line-height: 1.2; } .infobox > .title > .ename, .infobox > .title > .namesub { display: block; font-size: 12px; font-style: italic; } .infobox > .title > .namesub { color: var(--theme-text-color-note); } .infobox > .title > .namesub:before { content: "("; font-style: normal; margin-right: 1px; } .infobox > .title > .namesub:after { content: ")"; font-style: normal; margin-left: 1px; } .infobox > .title > .namesub.namenote { font-size: 10px; } .infobox .content-section { padding: 6px 3px; } .infobox .variant { color: var(--modetabs-text-color); font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; margin-bottom: 2px; } .infobox .images { position: relative; padding: 6px 0; min-height: 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; } .infobox .images img { max-width: 100%; height: auto; } .infobox ul { list-style: none; margin: auto; text-align: center; } .infobox .section { margin-bottom: 4px; } .infobox .section:last-child { margin-bottom: 0; } .infobox .section > .title:first-child + * { margin-top: 4px; } .infobox .section > .title:first-child + :empty { /* hide empty section contents */ display: none; } .infobox .section > .title:last-child { /* hide titles of empty sections */ display: none; } .infobox .section .stat th .gameText { /* revert the "white-space:pre-wrap" in {{gameText}} in captions, e.g. in the sound section */ white-space: unset; } .infobox .section.buff table, .infobox .section.debuff table { border-bottom: 1px solid var(--theme-box-border-color); margin-bottom: 0.25em; } .infobox .section.buff:after, .infobox .section.debuff:after { content: ""; display: block; height: 4px; margin-top: -7px; background: var(--theme-page-background-color); } .infobox .section.ids { border-top: 1px solid var(--theme-box-border-color); text-align: center; font-size: 10.5px; background: var(--modetabs-background); color: var(--modetabs-text-color); } .infobox .section.ids li { padding: 2px 0; border-bottom: 2px solid var(--theme-page-background-color); margin: 0; font-weight: bold; } .infobox .section.ids li:last-child { border-bottom: 0; } .infobox tr.buff th, .infobox tr.buff td { background: var(--modetabs-background); border: 1px solid var(--modetabs-border-color); } .infobox tr.buff th { border-left: 0; } .infobox tr.buff td { border-right: 0; padding-left: 3px; } .infobox tr.buff td b { font-weight: bold; white-space: nowrap; } .infobox .imageother { text-align: center; padding: 6px 0; border-top: 1px solid var(--theme-box-border-color); } .infobox .imageother .imageothercaption { margin: 0.15em 0 0; } .infobox .tags, .portable-infobox .tags { /* tag list */ --tags-border-color: rgba(var(--theme-text-color--rgb), 0.4); --tags-border-color-linked: rgba(var(--theme-link-color--rgb), 0.4); margin-top: -1px; margin-bottom: -1px; } .infobox .tags .tag, .portable-infobox .tags .tag { border: 1px solid var(--tags-border-color-linked); display: inline-block; padding: 0 4px; border-radius: 3px; margin: 3px 6px 3px auto; } @supports selector(:has(p)) { .infobox .tags .tag, .portable-infobox .tags .tag { border-color: var(--tags-border-color); } .infobox .tags .tag:has(> a), .portable-infobox .tags .tag:has(> a) { border-color: var(--tags-border-color-linked); } } .infobox .tags .tag a, .portable-infobox .tags .tag a { white-space: nowrap; } .modetabs { display: flex; padding: 0 4px; } .modetabs .tab { margin: 0 2px -1px; border-radius: 3px 3px 0 0; background: transparent; padding: 4px 0 3px; text-align: center; font-weight: bold; cursor: pointer; border: 1px solid transparent; border-bottom: none; } .modetabs .tab.current { background: var(--theme-box-background); border-color: var(--theme-box-border-color); } .modetabs .tab:hover { text-decoration: underline; } .infobox .modetabs { border-bottom: 1px solid var(--theme-box-border-color); margin: 6px -6px; } .infobox .modetabs .tab { flex: 1 1 33.33333333%; } /* -------------------------------------------------------- */ /* classic/expert/master mode tabber */ /* -------------------------------------------------------- */ .infobox, .portable-infobox, .infotable { --modetabs-background: var(--theme-modetabs-classic-background); --modetabs-border-color: var(--theme-modetabs-classic-border-color); --modetabs-text-color: var(--theme-modetabs-classic-text-color); } .modesbox.c-normal .m-expert, .modesbox.c-normal .m-master, .modesbox.c-normal .m-expert-master { display: none !important; } .modesbox.c-expert { --modetabs-background: var(--theme-modetabs-expert-background); --modetabs-border-color: var(--theme-modetabs-expert-border-color); --modetabs-text-color: var(--theme-modetabs-expert-text-color); } .modesbox.c-expert .m-normal, .modesbox.c-expert .m-master, .modesbox.c-expert .m-normal-master { display: none !important; } .modesbox.c-master { --modetabs-background: var(--theme-modetabs-master-background); --modetabs-border-color: var(--theme-modetabs-master-border-color); --modetabs-text-color: var(--theme-modetabs-master-text-color); } .modesbox.c-master .m-normal, .modesbox.c-master .m-expert, .modesbox.c-master .m-normal-expert { display: none !important; } .modesbox.expertonly .m-normal, .modesbox .expertonly .m-normal { display: none !important; } .modesbox.masteronly .m-normal, .modesbox.masteronly .m-expert, .modesbox .masteronly .m-normal, .modesbox .masteronly .m-expert { display: none !important; } /********* Portable infobox theme *********/ /* Extension:PortableInfobox */ /* Portable infobox templates: * [[Template:Buff infobox]] * [[Template:Patch infobox]] * [[Template:Re-Logic staff infobox]] * [[Template:Software infobox]] * [[Template:User infobox]] */ .portable-infobox { --pi-border-color: var(--theme-box-border-color); /* this variable is also used by some other rules not listed here */ border: 1px solid var(--pi-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; width: 21em; box-sizing: border-box; } .portable-infobox .pi-data, .portable-infobox .pi-group { border: none; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { color: var(--modetabs-text-color); text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--modetabs-background); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); } .portable-infobox .pi-title { font-weight: bold; font-size: 15px; padding: 6px 3px; line-height: 1.2; } .portable-infobox .pi-title + .pi-group, .portable-infobox .pi-group.pi-collapse-closed + .pi-group { margin-top: 4px; } .portable-infobox .pi-header { padding: 2px 0; } .portable-infobox .pi-secondary-font { font-size: 12px; line-height: 1.5; /* Set the font-family to the standard text font. "h3.pi-secondary-font" * elements (the "data labels" get a different font because they are "h3" * elements, but they should look the same as the "data value" elements. */ font-family: var(--font-family); } .portable-infobox .pi-navigation { background-color: transparent; border-top: 1px solid var(--pi-border-color); font-size: 11.5px; } .portable-infobox .pi-data.pi-item .pi-data-label { flex-basis: 120px; text-align: right; hyphens: unset; /* overwriting the default "hyphens:auto" */ } .portable-infobox .pi-group.pi-collapse .pi-header { cursor: pointer; } .portable-infobox .pi-image { margin: 6px; } .portable-infobox .pi-image img { max-width: 100%; height: auto; } .portable-infobox h2::after { /* Hide the line that is displayed below normal h2 elements by default */ display: none; } @media screen and (min-width: 720px) { .client-js .pi-collapse .pi-header:first-child { padding-right: 0; } } /********* [[Template:Item infobox]] *********/ .item.infobox { width: 21em; } .item.infobox .images { min-height: 50px; } .item.infobox .images .auto, .item.infobox .images .stack { position: absolute; right: 3px; } .item.infobox .images .auto { top: 3px; } .item.infobox .images .stack { bottom: 3px; } .item.infobox .images ul.infobox-inline > li { display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; vertical-align: middle; line-height: 2px; } .item.infobox .images ul.infobox-inline > li::before { content: ""; display: block; width: 1px; background: var(--theme-box-border-color); height: 80%; position: absolute; left: 0; top: 10%; } .item.infobox .images ul.infobox-inline > li:first-child { padding: 0 8px; } .item.infobox .images ul.infobox-inline > li:first-child::before { display: none; } .item.infobox .images ul.infobox-block > li { display: block; padding: 13px 0 0 0; margin: auto; position: relative; } .item.infobox .images ul.infobox-block > li::before { content: ""; display: block; height: 1px; background: var(--theme-box-border-color); width: 80%; position: absolute; left: 10%; top: 6px; } .item.infobox .images ul.infobox-block > li:first-child { padding-top: 0; } .item.infobox .images ul.infobox-block > li:first-child::before { display: none; } .item.infobox .images hr { background-color: var(--theme-box-border-color); margin: 0.5em 0; } .item.infobox .section { overflow: hidden; } .item.infobox .section.projectile, .item.infobox .section.mount { text-align: center; } .item.infobox .section.projectile .name, .item.infobox .section.mount .name { font-size: 10.5px; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .item.infobox .section.projectile .image, .item.infobox .section.mount .image { margin: 0.25em 0.5em 0.5em; } .item.infobox .section.projectile img { max-width: 100%; height: auto; } .item.infobox .section.projectile .name { margin-top: 0.25em; } .item.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .item.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .item.infobox .section.drop table { /* drop info section in item infobox */ margin-top: 6px; margin-bottom: 6px; } .item.infobox .section.drop .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" * rule for the contents of the sortable column headers */ background-image: unset; } .item.infobox .section.drop td { border-top: 1px solid var(--theme-box-border-color); } .item.infobox .section.drop td:first-child s { display: none; } .item.infobox .section.drop th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .item.infobox .section.drop th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .item.infobox .section.drop th:last-child.headerSort { padding-right: 21px; } .item.infobox .section.drop th:first-child, .item.infobox .section.drop td:first-child { text-align: left; width: 0; } .item.infobox .section.drop th:nth-child(2), .item.infobox .section.drop td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .item.infobox .section.drop th:last-child, .item.infobox .section.drop td:last-child { text-align: right; width: 0; min-width: 4em; } .item.infobox .section.drop .entity-name { display: flex; align-items: center; } .item.infobox .section.drop .entity-img img, .item.infobox .section.drop .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .item.infobox .section.drop .nodrop-note { text-align: center; padding-top: 6px; } .item.infobox .section.drop > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .item.infobox .section.drop > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .item.infobox .section.drop > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .item.infobox .section.drop > .mw-collapsible-toggle:after { content: ""; } .item.infobox ul.toolpower { padding: 6px 0; cursor: help; } .item.infobox ul.toolpower li { display: inline-block; padding: 0 0.5em; } .item.infobox ul.toolpower li > img { width: 16px; height: 16px; object-fit: cover; object-position: 0 0; filter: var(--ooui--icon-normal-filter); } .item.infobox ul.toolpower .zero { opacity: 0.5; } .item.infobox td.tvm { /* ammo pages: Total Velocity Multiplier line */ font-weight: bold; padding-left: 5px; } .item.infobox th.tvm, .item.infobox td.tvm { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .small-bold { /* Styling for damagetype and width/height. Use time and knockback use other * classes (.usetime, .knockback) but those have the same styling. */ font-size: 10.5px; font-weight: bold; } /********* [[Template:Npc infobox]] *********/ .npc.infobox { width: 21em; } .npc.infobox .section { overflow: hidden; } .npc.infobox .section.drops .drops.items { margin-top: 4px; margin-bottom: 0; } .npc.infobox .section.projectile { text-align: center; } .npc.infobox .section.projectile img { max-width: calc(100% - var(--padding) * 2); height: auto; } .npc.infobox .section.projectile .image { margin: 0.25em 0.5em 0.5em; } .npc.infobox .section.projectile .name { font-size: 10.5px; margin-top: 0.25em; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .npc.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .npc.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .npc.infobox .statistics table th { width: 6em; } .npc.infobox .immunities > div { margin: -1px; } .npc.infobox .immunities .i { margin: 1px; } .npc.infobox .drops td:first-child { text-align: left; } .npc.infobox .drops td:last-child { text-align: right; } .npc.infobox .drops th:first-child { text-align: left; border-right: 0; } .npc.infobox .drops.money table th { width: 1px; } .npc.infobox .drops.items li { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; padding: 3px 0; margin-bottom: auto; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; position: relative; } .npc.infobox .drops.items li:first-child { background: var(--modetabs-background); color: var(--modetabs-text-color); padding: 2px 6px; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li > div { display: block; } .npc.infobox .drops.items li > div:first-child { text-align: left; } .npc.infobox .drops.items li > div:last-child { text-align: right; } .npc.infobox .drops.items li.notebox { display: block; text-align: center; padding: 0; } .npc.infobox .drops.items li.notebox > div { text-align: center; border-width: 1px; border-style: dashed; border-color: rgba(var(--theme-border-color--rgb), 0.8); border-radius: 3px; margin: 3px auto; padding: 2px 0; } .npc.infobox .drops.items li.note-before, .npc.infobox .drops.items li.note-after { display: block; } .npc.infobox .drops.items li.note-before > div, .npc.infobox .drops.items li.note-after > div { text-align: center; } .npc.infobox .drops.items li.note-before { padding-bottom: 0; margin-bottom: -3px; } .npc.infobox .drops.items li.note-before + li { border-top: 0; } .npc.infobox .drops.items li.note-after { margin-top: -2px; border-top: 0; padding-top: 0; } .npc.infobox .drops.items li .i > span:first-of-type > div.note { /* note2 of {{item}}s in drops list */ font-size: 11px; line-height: 12px; } .npc.infobox .drops.items li.caption { line-height: 1.1; text-align: center; color: var(--modetabs-text-color); background: var(--modetabs-background); display: block; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li.caption.trsbg { /* "Treasure Bag contents" caption */ border-bottom-width: 2px; margin-bottom: 2px; padding-bottom: 5px; } .npc.infobox .drops.items li.caption.trsbg + li { border-top-width: 1px; border-top-style: solid; } .npc.infobox .drops.items li.caption + li.group { border-top-width: 0; } .npc.infobox .drops.items li.caption.group_end { padding-bottom: 5px; } .npc.infobox .drops.items li.group_end { border-bottom-width: 2px; position: relative; margin-bottom: 2px; } .npc.infobox .drops.items li.group { border-color: rgba(var(--theme-border-color--rgb), 0.35); } .npc.infobox .drops.items li.groupstart, .npc.infobox .drops.items li.groupend + li { border-top-width: 2px; } .npc.infobox .drops.items li.groupend { display: none; } .npc.infobox .drops.items li.loot { border-color: rgba(var(--theme-border-color--rgb), 0.35); margin-left: 1.5em; } .npc.infobox .drops.items li.loot:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 100px; background: var(--theme-text-color); position: absolute; left: -1em; top: 50%; transform: translateY(-50%); } .npc.infobox .drops.items li.loot.caption:before { display: none; } .npc.infobox .drops.items li.lootstart, .npc.infobox .drops.items li.lootend { display: none; } .npc.infobox table.drops.money span.money { display: block; } .npc.infobox table.drops.money span.sep { display: block; text-indent: -9999px; height: 1px; overflow: hidden; } ul.table-npcdrops { /* npc drops list in tableview */ text-align: left; margin: auto; } .table-npcdrops > li { list-style: none; margin-bottom: 2px; } .table-npcdrops > li:last-child { margin-bottom: auto; } .table-npcdrops > li > div { display: inline-block; } .table-npcdrops > li > div:last-child { margin-left: 0.25em; } .table-npcdrops > li > div:last-child:before { content: " ("; } .table-npcdrops > li > div:last-child:after { content: ")"; } .npc.infotable { display: grid; grid-template-columns: [tab-left table-left] auto [tab-right note-left] auto [note-right table-right]; grid-template-rows: [tab-start note-start] auto [tab-end note-end table-start] auto [table-end]; width: fit-content; max-width: 100%; } .npc.infotable th { /* "background-color" specifically is necessary here (instead of just * "background" because these "th" elements are potentially sortable. In * that case they are affected by the "th.headerSort" rule from * jquery-tablesorter, where "background-image" is set (for the little * arrow icons). Just "background" would overwrite that and hide the * arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); } .npc.infotable > .statnote { grid-column: note-left/note-right; grid-row: note-start/note-end; text-align: right; font-size: 10px; line-height: 14px; padding-right: 9px; color: var(--theme-text-color-note); } .npc.infotable.note-no > .statnote { display: none; } .npc.infotable.note-bottom { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable.note-bottom > .statnote { text-align: left; } @media screen and (max-width: 640px) { .npc.infotable { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable > .statnote { text-align: left; } } .npc.infotable > .table { grid-column: table-left/table-right; grid-row: table-start/table-end; z-index: 10; margin: 0; border: 1px solid var(--theme-box-border-color); border-radius: 0 8px 8px 8px; padding: 6px; width: 100%; overflow: hidden; } .npc.infotable > .table > table { margin: 0; } .npc.infotable > .table > table.terraria { margin-top: 0 !important; } .npc.infotable .modetabs { grid-column: tab-left/tab-right; grid-row: tab-start/tab-end; z-index: 20; } .npc.infotable .modetabs .tab { margin: 0 5px -1px 0; padding: 4px 1em; } .npc.infotable td.infobox-block span.npcstat, .npc.infotable td.infobox-block span.npcstat .s { display: block; } .npc.infotable td.infobox-block span.npcstat + br, .npc.infotable td.infobox-block span.npcstat .sep { display: none; } .npcstat .ssep { display: inline; padding-left: 0.5em; padding-right: 0.5em; } .npc.infobox .npcstat .ssep, .npc.infotable .npcstat .ssep { display: none; } .npcstat span.prefix, .npcstat span.postfix { display: inline; color: var(--theme-text-color-note); font-weight: normal; font-size: 0.85em; } .npcstat.prefix .s, .npcstat.postfix .s { display: block; } /********* [[Template:Drop infobox]] *********/ .drop.infobox .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" rule * for the contents of the sortable column headers */ background-image: unset; } .drop.infobox table { margin-top: 6px; margin-bottom: 6px; } .drop.infobox td { border-top: 1px solid var(--theme-box-border-color); } .drop.infobox td:first-child s { display: none; } .drop.infobox th:first-child, .drop.infobox td:first-child { text-align: left; width: 0; } .drop.infobox th:nth-child(2), .drop.infobox td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .drop.infobox th:last-child, .drop.infobox td:last-child { text-align: right; width: 0; min-width: 4em; } .drop.infobox th { /* "background-color" specifically is necessary here (instead of just * "background" because these sortable "th" elements have a "th.headerSort" * rule from jquery-tablesorter, where "background-image" is set (for * the little arrow icons). Just "background" would overwrite that and * hide the arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); border-bottom: 1px var(--modetabs-border-color) solid; border-right: 0; padding: 2px 5px; } .drop.infobox th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .drop.infobox th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .drop.infobox th:last-child.headerSort { padding-right: 21px; } .drop.infobox .entity-name { display: flex; align-items: center; } .drop.infobox .entity-img img, .drop.infobox .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .drop.infobox .nodrop-note { text-align: center; padding-top: 6px; } .drop.infobox > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .drop.infobox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .drop.infobox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .drop.infobox > .mw-collapsible-toggle:after { content: ""; } /********* [[Template:Infobox wrapper]] *********/ .infobox-wrapper.float-right { float: right; margin-left: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-right { float: none; margin-left: auto; } } .infobox-wrapper.float-left { float: left; margin-right: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-left { float: none; margin-right: auto; } } .infobox-wrapper.float-none { float: none; } .infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none { float: none; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none { float: none; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } cf281bae7994e251c98d69f2a39a835395396793 8 275 308 2025-06-13T05:23:25Z Squeaker 434557 this too javascript text/javascript /* Any JavaScript here will be loaded for all users on every page load. */ // load various utilities from the commons wiki, including l10nFactory and isEditorActive mw.loader.getScript( 'https://commons.wiki.gg/index.php?title=MediaWiki:Common-base.js&action=raw&ctype=text/javascript' ).then(function(){ // AJAX tables (for Template:Ajax) function addAjaxDisplayLink() { $("table.ajax").each(function (i) { var table = $(this).attr("id", "ajaxTable" + i); table.find(".nojs-message").remove(); var headerLinks = $('<span style="float: right;">').appendTo(table.find('th').first()); var cell = table.find("td").first(), needLink = true; cell.parent().show(); if (cell.hasClass("showLinkHere")) { var old = cell.html(), rep = old.replace(/\[link\](.*?)\[\/link\]/, '<a href="javascript:;" class="ajax-load-link">$1</a>'); if (rep != old) { cell.html(rep); needLink = false; } } if (needLink) headerLinks.html('[<a href="javascript:;" class="ajax-load-link">show data</a>]'); table.find(".ajax-load-link").parent().addBack().filter('a').click(function(event) { event.preventDefault(); var sourceTitle = table.data('ajax-source-page'), baseLink = mw.config.get('wgScript') + '?'; cell.text('Please wait, the content is being loaded...'); $.get(baseLink + $.param({ action: 'render', title: sourceTitle }), function (data) { if (data) { cell.html(data); cell.find('.ajaxHide').remove(); cell.find('.terraria').removeClass('terraria'); if (cell.find("table.sortable").length) { mw.loader.using('jquery.tablesorter', function() { cell.find("table.sortable").tablesorter(); }); } headerLinks.text('['); headerLinks.append($('<a>edit</a>').attr('href', baseLink + $.param({ action: 'edit', title: sourceTitle }))); headerLinks.append(document.createTextNode(']\u00A0[')); var shown = true; $("<a href='javascript:;'>hide</a>").click(function() { shown = !shown; shown ? cell.show() : cell.hide(); $(this).text(shown ? "hide" : "show"); }).appendTo(headerLinks); headerLinks.append(document.createTextNode(']')); } }).error(function() { cell.text('Unable to load table; the source article for it might not exist.'); }); }); }); } $(addAjaxDisplayLink); /////////////TEMPLATE $(function(){ /* mode tabs switch for [[Template:npcinfobox]] and [[Template:npcinfobtable]] and so on */ $('.modesbox .modetabs .tab').on('click', function(){ var $this = $(this); if($this.hasClass('current')){ return; } $this.parent().children().removeClass('current'); $this.addClass('current'); $this.closest('.modesbox').removeClass('c-expert c-master c-normal').addClass($this.hasClass('normal')?'c-normal':($this.hasClass('expert')?'c-expert':'c-master')); }); /* extra mode tabs switch for souls mod difficulty */ $('.modesbox .emodetabs .tab').on('click', function(){ var $this = $(this); if($this.hasClass('current')){ return; } $this.parent().children().removeClass('current'); $this.addClass('current'); $this.closest('.modesbox').removeClass('c-eternity c-masochist c-vanilla').addClass($this.hasClass('vanilla')?'c-vanilla':($this.hasClass('eternity')?'c-eternity':'c-masochist')); }); });/** * TEST: portlet link for 'DLC:' pages */ mw.hook('wikipage.content').add(function() { var linktarget = $('#test-marker-for-new-portlet-link').data('linktarget'); if (linktarget !== undefined) { var newId, insertBefore, text, hovertext; switch (mw.config.get('wgNamespaceNumber')) { case 0: newId = 'ca-nstab-DLC'; insertBefore = '#ca-talk'; text = 'DLC'; hovertext = 'Differences on DLC versions'; break; case 3000: newId = 'ca-nstab-main'; insertBefore = '#ca-nstab-DLC'; text = 'Page'; hovertext = 'Main content (modern versions)'; break; default: return; } mw.util.addPortletLink('p-namespaces', linktarget, text, newId, hovertext, null, insertBefore); } }); /** * portlet link for [[Template:DLC nav tab]] */ mw.hook('wikipage.content').add(function() { var elementData = $('#marker-for-new-portlet-link').data(); if (elementData !== undefined && elementData.linktarget !== undefined) { var newId, insertBefore, text, hovertext; switch (mw.config.get('wgNamespaceNumber')) { case 0: // namespace is '(Main)' case 110: // namespace is 'Guide' newId = 'ca-nstab-' + elementData.i18nNsDLC; insertBefore = '#ca-talk'; text = elementData.i18nDLCLabel; hovertext = elementData.i18nDLCTitle; break; case 3000: // namespace is 'Legacy' newId = 'ca-nstab-main'; insertBefore = '#ca-nstab-' + elementData.i18nNsDLC; text = elementData.i18nMainLabel; hovertext = elementData.i18nMainTitle; break; default: return; } mw.util.addPortletLink('p-namespaces', elementData.linktarget, text, newId, hovertext, null, insertBefore); } }); /*end of mw.loader.getScript().then callback*/ }); 67a7c0e6dce6f806094588a973a89d8789c64245 6 276 312 2025-06-23T07:01:31Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 8 227 316 251 2025-07-05T01:36:13Z Squeaker 434557 wikitext text/x-wiki * dark[bundled|kind=dark] 4fbaba7362f3652f7460bb5fc85bef302220672b 10 277 327 2025-07-09T23:51:29Z Squeaker 434557 stolen from fargo's shhhh wikitext text/x-wiki <includeonly>*'''[[{{{1}}}]]''': {{{2}}}{{#ifeq:{{NAMESPACE}}{{{nocat|}}}|{{ns:0}}|[[Category:Entities {{#ifeq: {{#sub:{{{2}}}|0|10}}|Introduced|introduced|patched}} in {{{1}}}]]}}</includeonly><noinclude>{{doc}}</noinclude> d4299b295fbbeb90574305ef09f14ab2bc768e86 10 278 328 2025-07-09T23:51:51Z Squeaker 434557 stolen from fargo's shhhh wikitext text/x-wiki <includeonly><!-- -->{{#dplvar:set<!-- -->|_npc_infobox:name|{{{name|{{ROOTPAGENAME}}}}}<!-- -->}}<!-- --><div class="infobox npc {{lc:{{{type|}}}}}" style="<!-- -->{{#if:{{{width|{{{boxwidth|}}}}}}|width:{{{width|{{{boxwidth|}}}}}};}}<!-- -->{{#if:{{{float|}}}|float:{{{float|}}};}}<!-- -->"><!-- --><div class="title">{{#dplvar:_npc_infobox:name}}{{#if:{{{namesub|}}}|<span>{{{namesub|}}}</span>}}</div><!-- --><div class="section images"><!-- display: Because the first image may use imagealt, span is used to display the title of the first image. imagealt will not be affected if it has a text field (if imagealt = [[File:someimage.png|hello]], it will display 'hello') --><span title="{{#dplvar:t1}}">{{{imagealt|[[File:{{{image|{{#dplvar:_npc_infobox:name}}.png}}}]]}}}</span><!--First sprite now displayed --></div><!-- div.section.images --><div class="section statistics"><!-- --><div class="title">{{l10n|npc infobox|stats}}</div><!-- --><table class="stat"><!-- -->{{#if: {{{type|Enemy}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|type}}</th><!-- --><td><!-- -->{{ifexists|{{{type|Enemy}}}|[[{{{type|Enemy}}}]]|{{{type|Enemy}}}}}<!-- -->{{#if:{{{type2|}}}|<!-- -->&#32;&ndash;&#32;{{ifexists|{{{type2}}}|[[{{{type2}}}]]|{{{type2}}}}}<!-- -->}}<!-- -->{{#if:{{{type3|}}}|<!-- --><br/>{{ifexists|{{{type3}}}|[[{{{type3}}}]]|{{{type3}}}}}<!-- -->}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{environment|}}}|<!-- --><tr><!-- --><th>[[Environment]]</th><!-- --><td>[[{{{environment}}}]]{{#if:{{{environment2|}}}|&#32;&ndash;&#32;[[{{{environment2}}}]]}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{damage|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|damage}}</th><!-- --><td>{{{damage|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{life|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|life}}</th><!-- --><td>{{{life|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{defense|}}}|<!-- --><tr><!-- --><th>[[Defense]]</th><!-- --><td>{{{defense|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{dr|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|dr}}</th><!-- --><td>{{#if:{{#dplreplace:{{#sub:{{{dr|}}}|-1|1}}|\d|}}|<!-- -->{{{dr|}}}|<!-- -->{{{dr|}}}%<!-- -->}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{knockback|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|kb}}</th><!-- --><td>{{{knockback|}}}<!-- -->{{#if:{{#pos:{{{knockback|}}}|/}}|<!-- -->{{#if:{{#pos:{{{knockback|}}}|%|{{#pos:{{{knockback|}}}|/}}}}||%}}<!-- -->|<!-- -->{{#if:{{#pos:{{{knockback|}}}|%}}||%}}<!-- -->}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{power|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|power}}</th><!-- --><td>{{{power|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{buff|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|buff}}</th><!-- --><td>{{#ifeq:{{{bufflink|}}}|yes|{{item|{{{buff}}}}}|{{item|{{{buff}}}|link=}}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{buffduration|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|buffduration}}</th><!-- --><td>{{{buffduration|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{buff|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|bufftip}}</th><!-- --><td><i>{{{bufftip|{{bufftip|{{{buff}}}}}}}}</i></td><!-- --></tr><!-- -->}}<!-- -->{{#forargs:debuff|number|name|<!-- -->{{#iferror:{{#expr:{{#var:number}}}}||<!-- -->{{#if:{{{debuff5|}}}||<!-- -->{{#vardefine:_debufftxt|{{{debufftext{{#var:number}}|{{#explode:{{#var:name}}|(debuff)|0}}}}}}}<!-- -->{{#vardefine:chance|{{#if:{{{debuffchance{{#var:number}}|}}}|{{#ifeq:{{#sub:{{{debuffchance{{#var:number}}|}}}|-2}}|##|{{#sub:{{{debuffchance{{#var:number}}|}}}|0|-2}}|{{{debuffchance{{#var:number}}|}}} chance}}}}}}<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|debuff}}</th><!-- --><td>{{#ifeq:{{{debufflink{{#var:number}}|}}}|no|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|link=|note2={{#var:chance}}}}<!-- -->|<!-- -->{{ifexists|{{#var:name}}|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|note2={{#var:chance}}}}<!-- -->|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|link=|note2={{#var:chance}}}}<!-- -->}}<!-- -->}}<!-- --><br/>{{{debuffchancenote{{#var:number}}|}}}<!-- --></td><!-- --></tr><!-- -->{{#if:{{{duration{{#var:number}}|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|debuffduration}}</th><!-- --><td>{{{duration{{#var:number}}|}}}</td><!-- --></tr><!-- -->}}<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|debufftip}}</th><!-- --><td><i>{{{debufftip{{#var:number}}|{{bufftip|{{#var:name}}}}}}}</i></td><!-- --></tr><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{immune1|}}}{{{immuneall|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|immu}}</th><!-- --><td><!-- -->{{#vardefine:vulnerable|{{{immune1|}}}}}<!-- -->{{#if:{{{immuneall|}}}|<!-- -->{{#ifeq:{{#var:vulnerable}}||<!-- -->'''{{l10n|npc infobox|all}}'''<!-- -->|<!-- -->'''{{l10n|npc infobox|except}}:<br/>'''<!-- -->}}<!-- -->}}<!-- -->{{#forargs: immune<!-- -->| immuNum<!-- -->| debuff<!-- -->| {{#ifeq:{{#var:immuNum}}|all||{{item|mode=image|{{#var:debuff}}}}}}<!-- -->}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#ifeq: {{{banner|}}}|yes|<!-- --><tr><!-- --><th>[[Banner]]</th><!-- --><td>{{item|{{{bannername|{{#dplvar:_npc_infobox:name}} Banner}}}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{buy|}}}{{{sell|}}}|<!-- --><tr><!-- --><th>[[{{l10n|npc infobox|value}}|{{#if:{{{buy|}}}|{{l10n|npc infobox|buy}}}}{{#switch:|{{{buy|}}}|{{{sell|}}}=|&nbsp;/&nbsp;}}{{#if:{{{sell|}}}|{{l10n|npc infobox|sell}}}}]]</th><!-- --><td><!-- -->{{#if:{{{buy|}}}|{{{buy}}}}}<!-- -->{{#switch: |{{{buy|}}}|{{{sell|}}}=|&nbsp;/&nbsp;}}<!-- -->{{#if:{{{sell|}}}|{{{sell}}}}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{tooltip|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|tooltip}}</th><!-- --><td>{{{tooltip|}}}</td><!-- --></tr><!-- -->}}<!-- --></table><!-- --></div><!-- div.section.statistics --><div class="section drops"><!-- -->{{#if:{{{money|}}}|<!-- --><div class="title">{{l10n|npc infobox|drops}}</div><!-- --><table class="drops money"><!-- --><tr><!-- --><th>[[Drops|Coins]]</th><!-- --><td>{{{money|0 {{cc}}}}}</td><!-- --></tr><!-- --></table><!-- -->}}<!-- -->{{#if:{{{1|}}}|<!-- --><ul class="drops items"><!-- --><li>{{l10n|npc infobox|items}}</li><!-- -->{{#dplvar:set|_npc_infobox:group|0}}<!-- //every 3 unnamed arguments form a group. -->{{#dplvar:set<!-- -->|_npc_infobox:group_arg_1|<!-- -->|_npc_infobox:group_arg_2|<!-- -->}}<!-- -->{{#fornumargs:i|v|<!-- -->{{#switch:{{#expr:{{#var:i}} mod 3}}<!-- -->|1={{#dplvar:set|_npc_infobox:group_arg_1|{{#var:v}}}}<!-- -->|2={{#dplvar:set|_npc_infobox:group_arg_2|{{#var:v}}}}<!-- -->|0={{npc infobox/drop|{{#dplvar:_npc_infobox:group_arg_1}}|{{#dplvar:_npc_infobox:group_arg_2}}|{{#var:v}}}}<!-- -->}}<!-- -->}}<!-- --></ul><!-- -->}}<!-- -->{{#if:{{{hurt|}}}{{{killed|}}}{{{sound|}}}|<div class="title">Sounds</div><!-- -->{{#if:{{{hurt|}}}|<!-- --><div class="ib_sound"><!-- -->{{#arraydefine:hurt|{{{hurt|}}}}}<!-- -->{{#arrayslice:noTextHurt|hurt|1}}<!-- -->{{sound|Hurt|{{#arrayindex:hurt|0}}}}<!-- -->{{#arrayprint:noTextHurt||@@@@|{{sound||@@@@}}}}<br/><!-- --></div><!-- -->}}<!-- -->{{#if:{{{killed|}}}|<!-- --><div class="ib_sound"><!-- -->{{#arraydefine:killed|{{{killed|}}}}}<!-- -->{{#arrayslice:noTextKilled|killed|1}}<!-- -->{{sound|Killed|{{#arrayindex:killed|0}}}}<!-- -->{{#arrayprint:noTextKilled||@@@@|{{sound||@@@@}}}}<br/><!-- --></div><!-- -->}}<!-- -->{{#forargs: sound<!-- -->| soundNum<!-- -->| soundText<!-- -->| {{#if:{{{sound{{#var:soundNum}}text|}}}|<!-- --><div class="ib_sound"><!-- -->{{#arraydefine:sounds|{{#var:soundText}}}}<!-- -->{{#arrayslice:noTextSounds|sounds|1}}<!-- -->{{sound|{{{sound{{#var:soundNum}}text|}}}|{{#arrayindex:sounds|0}}}}<!-- -->{{#arrayprint:noTextSounds||@@@@|{{sound||@@@@}}}}<br/><!-- --></div><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{image2|}}}|<!-- --><div class="image2"><!-- -->[[File:{{{image2|}}}|center|{{{image2}}}]]<!-- -->{{#if:{{{image2caption|}}}|<b><i><center>{{{image2caption|}}}</center></i></b>}}<!-- --></div><!-- -->}}<!-- -->{{#if:{{{image3|}}}|<!-- --><div class="image2"><!-- -->[[File:{{{image3|}}}|center|{{{image3}}}]]<!-- -->{{#if:{{{image3caption|}}}|<b><i><center>{{{image3caption|}}}</center></i></b>}}<!-- --></div><!-- -->}}<!-- --></div><!-- div.section.drops --></div><!--END div.infobox -->{{#if:{{NAMESPACE}}||<!-- -->{{#if:{{{type|}}}|<!-- -->{{#ifeq:{{{type|}}}|Background object|<!-- -->[[Category:Background object items]]<!-- -->|<!-- -->[[Category:{{{type}}} NPCs{{!}}{{PAGENAME}}]]<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{type2|}}}|[[Category:{{{type2}}} NPCs{{!}}{{PAGENAME}}]]}}<!-- -->{{#if:{{{type3|}}}|[[Category:{{{type3}}} NPCs{{!}}{{PAGENAME}}]]}}<!-- -->{{#if:{{{environment|}}}|[[Category:{{{environment}}} NPCs{{!}}{{PAGENAME}}]]}}<!-- -->{{#if:{{{environment2|}}}|[[Category:{{{environment2}}} NPCs{{!}}{{PAGENAME}}]]}}<!-- -->{{#if:{{{listcat|}}}|[[Category:{{{listcat}}} NPCs]]}}<!-- -->{{#if:{{{listcat2|}}}|[[Category:{{{listcat2}}} NPCs]]}}<!-- -->{{#if:{{{hardmode|}}}|[[Category:Hardmode-only NPCs]]}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude><!-- -->{{doc}}{{i18n-ready}}<!-- --></noinclude> a6d71e12ab38457cea605c083388c8904daaafd4 10 279 329 2025-07-09T23:55:04Z Squeaker 434557 im a thief shh wikitext text/x-wiki <includeonly><div class="hat-note">{{{1}}}</div></includeonly><noinclude>{{doc}}</noinclude> 2f319360900c6bc92427af3bcd8bd0e4f429187d 10 280 330 2025-07-09T23:55:48Z Squeaker 434557 guess what wikitext text/x-wiki <includeonly><!-- -->{| class="terraria" |+ Inventory |- ! {{#ifeq:{{{widths|}}}|y|{{#if:{{{1|}}}|width={{{1|}}} {{!}} }}}} Item ! {{#ifeq:{{{widths|}}}|y|{{#if:{{{2|}}}|width={{{2|}}} {{!}} }}}} Cost ! {{#ifeq:{{{widths|}}}|y|{{#if:{{{3|}}}|width={{{3|}}} {{!}} }}}} Availability <!-- params: shop item # (optional dummy variable), item, cost, notes //every 3 unnamed arguments form a group. -->{{#dplvar:set<!-- -->|_inventory:group_arg_1|<!-- -->|_inventory:group_arg_2|<!-- -->}}<!-- -->{{#fornumargs:i|v|<!-- -->{{#switch:{{#expr:{{#var:i}} mod 3}}<!-- -->|1={{#dplvar:set|_inventory:group_arg_1|{{#var:v}}}}<!-- -->|2={{#dplvar:set|_inventory:group_arg_2|{{#var:v}}}}<!-- -->|0=<!-- -->{{#if:{{{widths|}}}|<!-- -->{{#ifeq:{{#var:i}}|3||<!-- --><nowiki/> {{!}}- {{!}} {{item|{{#dplvar:_inventory:group_arg_1}}|icons={{{icons}}}}} {{!}} style="text-align:right" {{!}} {{#dplvar:_inventory:group_arg_2}} {{!}} {{#ifeq:{{#var:v}}||<span style="color:gray">Always available.</span>|{{#var:v}}}} <!-- -->}}<!-- -->|<!-- --><nowiki/> {{!}}- {{!}} {{item|{{#dplvar:_inventory:group_arg_1}}|icons={{{icons}}}}} {{!}} style="text-align:right" {{!}} {{#dplvar:_inventory:group_arg_2}} {{!}} {{#ifeq:{{#var:v}}||<span style="color:gray">Always available.</span>|{{#var:v}}}} <!-- -->}}<!-- -->}}<!-- -->}}<!-- --> |}<!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> bc5b15ed3349f8a1a56568b6213b61dc333ac070 10 281 331 2025-07-09T23:56:07Z Squeaker 434557 chicken butt wikitext text/x-wiki <includeonly>{| class="terraria living-preferences" ! ! Biome ! Neighbor |- class="love" ! class="love" | Loves | {{#if:{{{loves biome|}}}|{{{loves biome}}}|{{na}}}} | {{#if:{{{loves npc|}}}|{{{loves npc}}}|{{na}}}} |- class="like" ! class="like" | Likes | {{#if:{{{likes biome|}}}|{{{likes biome}}}|{{na}}}} | {{#if:{{{likes npc|}}}|{{{likes npc}}}|{{na}}}} |- class="dislike" ! class="dislike" | Dislikes | {{#if:{{{dislikes biome|}}}|{{{dislikes biome}}}|{{na}}}} | {{#if:{{{dislikes npc|}}}|{{{dislikes npc}}}|{{na}}}} |- class="hate" ! class="hate" | Hates | {{#if:{{{hates biome|}}}|{{{hates biome}}}|{{na}}}} | {{#if:{{{hates npc|}}}|{{{hates npc}}}|{{na}}}} |}<!-- --></includeonly><noinclude>{{doc}}</noinclude> 565990f0f59bd35d682bed0f60c01e31ca39148f 10 282 332 2025-07-09T23:56:25Z Squeaker 434557 guess why wikitext text/x-wiki {| class="terraria" style="float:right; width:{{{width|150px}}}; text-align:center; margin:0 0 10px 10px; " {{#if:{{{title|}}}|<br/> ! style="padding:0.2em 0.7em" {{!}} {{{title}}} }} |- | {{{1}}} |- | style="font-size:85%;" | {{{2}}} |}<noinclude>{{doc}}</noinclude> 60c73ae5378400e8434875a14f88bbaba21e6d00 10 283 333 2025-07-09T23:56:41Z Squeaker 434557 chicken thigh wikitext text/x-wiki {| class="terraria" width="{{{width|100%}}}" | align="center" | <li style="list-style-type: none;" class="mw-collapsible mw-collapsed plaincollapse" data-expandtext="{{{1|Click here to reveal list}}}" data-collapsetext="{{{2|Hide list}}}"> <div style="text-align:left"><noinclude> </li></div> |}{{doc}}</noinclude> 1895ff5d45787f894bc1a1ef106d3e0fb999ebd8 10 284 334 2025-07-09T23:57:09Z Squeaker 434557 surely there's an easier way to do this right wikitext text/x-wiki <includeonly><!-- // l10n content is in Module:item/l10n // -->{{#vardefine:__lang|{{{lang|{{lang}}}}}}}<!-- -->{{#invoke:item|go|<!-- //arg1: item (english) name. -->@name:{{#vardefineecho:__item:itemname|{{{1|}}}}}^<!-- en name //arg2: display text -->@text:{{#or:{{{t|}}}|{{#if:{{{2|}}}|<!-- -->{{displaytext|{{#var:__item:itemname}}|{{{2|}}}|lang={{#var:__lang}}}}<!-- -->|<!-- -->{{#if:{{{1|}}}|{{tr|{{{1|}}}|lang={{#var:__lang}}}}|{{tr|{{#var:__item:itemname}}|lang={{#var:__lang}}}}}}<!-- -->}}}}^<!-- -->@mode:{{{mode|{{#var:_item_flag_mode|}}}}}^<!-- -->@rowspan:{{{rowspan|}}}^<!-- -->@image:{{{image|}}}^<!-- -->@scale:{{{scale|{{#var:_item_flag_scale|}}}}}^<!-- -->@size:{{{size|}}}^<!-- -->@maxsize:{{{maxsize|{{#var:_item_flag_maxsize|}}}}}^<!-- -->@ext:{{{ext|}}}^<!-- -->@nolink:{{#vardefineecho:_nl|{{{nolink|{{#var:_item_flag_nolink|{{#if:{{{link|-link-}}}||y}}}}}}}}}^<!-- if $nolink or $nolink_flag or $link == '' -->@link:{{{link|{{#if:{{#var:_nl|}}||{{tr|{{#var:__item:itemname}}|link=y|lang={{#var:__lang}}}}}}}}}^<!-- -->@anchor:{{{anchor|{{#var:_item_flag_anchor|}}}}}^<!-- -->@note:{{{note|}}}^<!-- -->@note2:{{{note2|}}}^<!-- -->@id:{{{id|}}}^<!-- in module:item, {{<type>IdFromName}} will be called if needed. -->@showid:{{{showid|{{#var:_item_flag_showid|}}}}}^<!-- -->@type:{{{type|}}}^<!-- -->@wrap:{{{wrap|{{#var:_item_flag_wrap|}}}}}^<!-- -->@class:{{{class|{{#var:_item_flag_class|}}}}}^<!-- -->@css:{{{css|{{{style|{{#var:_item_flag_css|}}}}}}}}^<!-- -->@lang:{{#var:__lang}}^<!-- -->@anchor:{{#if:{{bool|{{{anchor|{{#var:_item_flag_anchor}}}}}}}|<!-- --><s class="anchor" id="{{anchorencode:{{#var:__item:itemname}}}}"></s><!-- en version -->{{#ifeq:{{#var:__lang}}|en||<s class="anchor" id="{{anchorencode:{{tr|{{#var:__item:itemname}}|lang={{#var:__lang}}}}}}"></s>}}<!-- l10n version -->}}^<!-- -->}}<!-- --></includeonly><noinclude>{{lua}}{{i18n-ready}}<!-- -->{{#cargo_attach:_table=Imageinfo}}<!-- -->{{doc}}</noinclude> 00109e34e45efff8fa8b804dd8bb9f3884da0e4c 10 285 335 2025-07-09T23:57:28Z Squeaker 434557 Created page with "{{msgbox | image = Lua.svg{{!}}link= | text = This template uses '''<includeonly>[[</includeonly>Module:{{ucfirst: {{{1|{{BASEPAGENAME}}}}} }}<includeonly>]]</includeonly>''', a script written in the [[wikipedia:Lua (programming language)|Lua programming language]]. Please see [[wikipedia:Lua]] and [[mw:Extension:Scribunto]] to learn more about Lua. | <includeonly>nocat = 1</includeonly> }}<includeonly>{{ #if: {{{nocat|}}} | | {{#ifeq: {{SUBPAGENAME}} | doc | | Ca..." wikitext text/x-wiki {{msgbox | image = Lua.svg{{!}}link= | text = This template uses '''<includeonly>[[</includeonly>Module:{{ucfirst: {{{1|{{BASEPAGENAME}}}}} }}<includeonly>]]</includeonly>''', a script written in the [[wikipedia:Lua (programming language)|Lua programming language]]. Please see [[wikipedia:Lua]] and [[mw:Extension:Scribunto]] to learn more about Lua. | <includeonly>nocat = 1</includeonly> }}<includeonly>{{ #if: {{{nocat|}}} | | {{#ifeq: {{SUBPAGENAME}} | doc | | [[Category:Lua-based templates]] }} }}</includeonly><noinclude>{{doc}}</noinclude> 3848d72dfb1a705b46a6130a3b0df0599945e10c 10 286 336 2025-07-09T23:58:50Z Squeaker 434557 Created page with "<includeonly><!-- --><div class="dotlist {{#switch:{{{bold|{{#dplvar:_dotlist_flag_bold|}}}}}|n|no=nobold}} {{{space|{{#dplvar:_dotlist_flag_space|}}}}} {{#switch:{{{dot|{{#dplvar:_dotlist_flag_dot|}}}}}|n|no=nodot}} {{#if:{{bool|{{{inline|}}}}}|inline}} {{{class|{{#dplvar:_dotlist_flag_class|}}}}}" style="{{{css|{{#dplvar:_dotlist_flag_css|}}}}};{{{style|}}}"><!-- -->{{#if:{{{title|}}}|<span class="title">{{{title|}}}</span>}}<!-- -->{{#if:{{bool|{{{paren|}}}}}|(}}<..." wikitext text/x-wiki <includeonly><!-- --><div class="dotlist {{#switch:{{{bold|{{#dplvar:_dotlist_flag_bold|}}}}}|n|no=nobold}} {{{space|{{#dplvar:_dotlist_flag_space|}}}}} {{#switch:{{{dot|{{#dplvar:_dotlist_flag_dot|}}}}}|n|no=nodot}} {{#if:{{bool|{{{inline|}}}}}|inline}} {{{class|{{#dplvar:_dotlist_flag_class|}}}}}" style="{{{css|{{#dplvar:_dotlist_flag_css|}}}}};{{{style|}}}"><!-- -->{{#if:{{{title|}}}|<span class="title">{{{title|}}}</span>}}<!-- -->{{#if:{{bool|{{{paren|}}}}}|(}}<ul><!-- -->{{#fornumargs:i|v|<!-- --><li>{{#if:{{#var:v}}|&#8203;{{#var:v}}}}</li><!-- prepend a zero-width space -->}}<!-- --></ul>{{#if:{{bool|{{{paren|}}}}}|)}}<!-- --></div><!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 4a9057afaa19b2d9091737742ddfe9fc1876b9bc 10 287 337 2025-07-09T23:59:05Z Squeaker 434557 Created page with "<includeonly><!-- //cache -->{{#var:na:cache:{{{1|}}}:{{{class|}}}:{{{css|{{{style|}}}}}}:{{bool|{{{center|}}}}}|{{#vardefineecho:na:cache:{{{1|}}}:{{{class|}}}:{{{css|{{{style|}}}}}}:{{bool|{{{center|}}}}}|<!-- -->{{#vardefine:na:hovertext|{{#if:{{{1|}}}||title="none"}}}}<!-- -->{{#vardefine:na:content|<span class="na {{{class|}}}" {{#var:na:hovertext}} style="{{{css|{{{style|}}}}}}">{{{1|n/a}}}</span>}}<!-- --><!-- --><!-- -->{{#if:{{bool|{{{center|}}}}}|<!-- -..." wikitext text/x-wiki <includeonly><!-- //cache -->{{#var:na:cache:{{{1|}}}:{{{class|}}}:{{{css|{{{style|}}}}}}:{{bool|{{{center|}}}}}|{{#vardefineecho:na:cache:{{{1|}}}:{{{class|}}}:{{{css|{{{style|}}}}}}:{{bool|{{{center|}}}}}|<!-- -->{{#vardefine:na:hovertext|{{#if:{{{1|}}}||title="none"}}}}<!-- -->{{#vardefine:na:content|<span class="na {{{class|}}}" {{#var:na:hovertext}} style="{{{css|{{{style|}}}}}}">{{{1|n/a}}}</span>}}<!-- --><!-- --><!-- -->{{#if:{{bool|{{{center|}}}}}|<!-- --><div class="align-center">{{#var:na:content}}</div><!-- -->|<!-- -->{{#var:na:content}}<!-- -->}}<!-- -->}}}}</includeonly><noinclude>{{doc}}</noinclude> e36e8089164cbe0fa5d3175135515cb248f14e44 10 288 338 2025-07-10T00:00:34Z Squeaker 434557 Redirected page to [[Template:Localization]] wikitext text/x-wiki #REDIRECT [[Template:Localization]] 2420cb5640c5e1dd632ea7ca219e9011a0017cdd 10 289 339 2025-07-10T00:00:39Z Squeaker 434557 Created page with "<includeonly><!-- //trim -->{{#vardefine:a1|{{{1|}}}}}<!-- namespace -->{{#vardefine:a2|{{{2|}}}}}<!-- key -->{{#vardefine:a3|{{{3|{{lang}}}}}}}<!-- lang //autoload data if needed -->{{#if:{{#dplvar:l10n:{{#var:a1}}:{{#var:a3}}:1}}||<!-- needs autoload? -->{{#if:{{#or:<!-- if -->{{#if:{{#dplvar:l10n:autoloaded:{{#var:a1}}}}||{{#if:{{#dplvar:l10n:{{#var:a1}}:en:1}}||y}}}}<!-- not autoloaded and en isn't registered -->|<!-- or -->{{#dplvar:l10n:{{#var:a1}}:{{#var:a..." wikitext text/x-wiki <includeonly><!-- //trim -->{{#vardefine:a1|{{{1|}}}}}<!-- namespace -->{{#vardefine:a2|{{{2|}}}}}<!-- key -->{{#vardefine:a3|{{{3|{{lang}}}}}}}<!-- lang //autoload data if needed -->{{#if:{{#dplvar:l10n:{{#var:a1}}:{{#var:a3}}:1}}||<!-- needs autoload? -->{{#if:{{#or:<!-- if -->{{#if:{{#dplvar:l10n:autoloaded:{{#var:a1}}}}||{{#if:{{#dplvar:l10n:{{#var:a1}}:en:1}}||y}}}}<!-- not autoloaded and en isn't registered -->|<!-- or -->{{#dplvar:l10n:{{#var:a1}}:{{#var:a3}}:2}}<!-- this language is not fully loaded -->}}|<!-- then: autoload -->{{#vardefine:l10n:autoloading|{{#var:a3}}}}<!-- mark for to /l10n. -->{{#vardefineecho:_| {{ {{#var:a1}}/l10n }} }}<!-- try to auto template:<namespace>/l10n. wrap to avoid unexpected whitespace output. //reset vars which may be overrided in /l10n -->{{#vardefine:a1|{{{1|}}}}}<!-- namespace -->{{#vardefine:a2|{{{2|}}}}}<!-- key -->{{#vardefine:a3|{{{3|{{lang}}}}}}}<!-- lang -->{{#vardefine:l10n:autoloading|{{#var:a3}}}}<!-- -->}}<!-- -->}}<!-- //stack counter, to generate unique var name for each calling level, for proper recursion -->{{#vardefine:__l10n_stack|{{#expr:{{#var:__l10n_stack|0}}+1}}}}<!-- // Localization string for current lang,if no result, use en version: (can not use {{#or:}} since it needs to keep escaped ) -->{{#vardefine:_l10n_v{{#var:__l10n_stack}}|{{#dplvar:l10n:{{#var:a1}}:{{#var:a3}}:{{#var:a2}}}}}}<!-- -->{{#vardefine:_l10n_v{{#var:__l10n_stack}}|{{#var:_l10n_v{{#var:__l10n_stack}}|{{#dplvar:l10n:{{#var:a1}}:en:{{#var:a2}}}}}}}}<!-- //replace if needed //use {{#replace:}} for better performance. {{#replace:}} has a length limit, use lua version can avoid hitting the limit. lua version is slower so require {{l10n/long| }} explicitly to use. -->{{#forargs:$|_key|_value|<!-- -->{{#vardefine:_l10n_v{{#var:__l10n_stack}}|{{#replace:{{#var:_l10n_v{{#var:__l10n_stack}}}}|${{#var:_key}}|{{#var:_value}}}}}}<!-- -->}}<!-- //output,unescape (by Extension:ParserPower, see https://help.gamepedia.com/Extension:ParserPower/Escape_sequences) -->{{#uesc:{{#var:_l10n_v{{#var:__l10n_stack}}}}}}<!-- //recover stack -->{{#vardefine:__l10n_stack|{{#expr:{{#var:__l10n_stack|0}}-1}}}}<!-- --></includeonly><noinclude>{{doc}} [[category:I18n-ready templates| ]] </noinclude> 530a5c770aa26d1d30520c5db60b4986693f8c39 10 290 340 2025-07-10T00:01:18Z Squeaker 434557 Created page with "<includeonly>{{#if: {{#dpl:skipthispage = false | redirects = {{{redirects|include}}} | noresultsheader = 1 | title = {{{1|}}}}} | {{{3|}}} | {{{2|}}} }}</includeonly><noinclude>{{doc}}</noinclude>" wikitext text/x-wiki <includeonly>{{#if: {{#dpl:skipthispage = false | redirects = {{{redirects|include}}} | noresultsheader = 1 | title = {{{1|}}}}} | {{{3|}}} | {{{2|}}} }}</includeonly><noinclude>{{doc}}</noinclude> d9d4b0a70012c4dcc1136f76325a2bd7ebaba07d 10 291 341 2025-07-10T00:01:51Z Squeaker 434557 Created page with "<includeonly>{{#switch:{{#invoke:String|pos|{{{1}}}|1}}<!-- -->|A = {{#switch:{{{1}}}|<!-- -->|Abominable Cooldown = Cannot endure another attack yet<!-- -->|Abominable Fang = The power of Eternity Mode compels you<!-- -->|Abominable Presence = Defense, damage reduction, and life regen reduced; Moon Leech effect<!-- -->|Abominable Rebirth = You cannot die unless struck<!-- -->|Accursed Sarcophagus (buff) = It'll keep its hands off<!-- -->|Acid Ven..." wikitext text/x-wiki <includeonly>{{#switch:{{#invoke:String|pos|{{{1}}}|1}}<!-- -->|A = {{#switch:{{{1}}}|<!-- -->|Abominable Cooldown = Cannot endure another attack yet<!-- -->|Abominable Fang = The power of Eternity Mode compels you<!-- -->|Abominable Presence = Defense, damage reduction, and life regen reduced; Moon Leech effect<!-- -->|Abominable Rebirth = You cannot die unless struck<!-- -->|Accursed Sarcophagus (buff) = It'll keep its hands off<!-- -->|Acid Venom = Losing life<!-- -->|Anticoagulation = Losing life, shed blood when hurt, enemies will drink it and grow stronger<!-- -->|Antisocial = You have no friends and no summon damage<!-- -->|Arrow Rain Cooldown = You cannot trigger another rain of arrows yet<!-- -->|Atrophied = Your muscles are deteriorating<!-- -->}}<!-- -->|B = {{#switch:{{{1}}}|<!-- -->|Baby Abom (buff) = Kickflipping on a scythe<!-- -->|Baby Crimetroid (buff) = The Baby is following you<!-- -->|Baby Silhouette (buff) = Won't see the light until it's already grown up<!-- -->|Ballista Panic! = Your ballistas rapidly shoot in panic!<!-- -->|Baron's Burden = Gravity heavily increased outside water<br/>Breathe water but cannot breathe air<br/>Improved underwater movement<!-- -->|Berserked = Increased offense, decreased defense, and you cannot control yourself<!-- -->|Berserker Cooldown = You cannot go berserk yet<!-- -->|Berserker Install = <nowiki>'Get them! Berserker!'</nowiki><!-- -->|Betsy's Curse = Defense is lowered<!-- -->|Big Brain of Cthulhu = The Brain of Cthulhu will fight for you<!-- -->|Bite-size Baron (buff) = EX form not included<!-- -->|Blackout = Light vision severely reduced<!-- -->|Bleeding = Cannot regenerate life<!-- -->|Blood Drinker = 30% increased damage<!-- -->|Bloodthirsty = Hugely increased enemy spawn rate<!-- -->|Brain of Cthulhu (buff) = The mini Brain of Cthulhu will fight for you<!-- -->|Broken Armor = Defense is cut in half<!-- -->|Broken Shell = You cannot enter your shell yet<!-- -->|Burning = Losing life and slowed movement<!-- -->}}<!-- -->|C = {{#switch:{{{1}}}|<!-- -->|Cerebral Mindbreak = 30% decreased damage dealt<!-- -->|Chibi Devi (buff) = <nowiki>She's interested in 'you'</nowiki><!-- -->|Chibii Remi (buff) = <nowiki>Devil 'Remilia Stretch'</nowiki><!-- -->|Clipped Wings = You cannot fly or use rocket boots<!-- -->|Confused = Movement is reversed<!-- -->|Corrupting = You are becoming corrupted<!-- -->|Crimson Regen = You are regenning your last wound<!-- -->|Crippled = You cannot run<!-- -->|Crystal Skull = The pungent eyeball will protect you<!-- -->|Curse of the Moon = The moon's wrath consumes you<!-- -->|Cursed Inferno = Losing life<!-- -->}}<!-- -->|D = {{#switch:{{{1}}}|<!-- -->|Darkness = Decreased light vision<!-- -->|Dash = You're moving at high speed!<!-- -->|Dazed = Movement is greatly slowed<!-- -->|Defenseless = Your guard is completely broken<!-- -->|Dove (buff) = A Dove is following you<!-- -->|Duke Fishron (buff) = Duke Fishron will fight for you<!-- -->}}<!-- -->|E = {{#switch:{{{1}}}|<!-- -->|Electrified = Moving hurts!<!-- -->|Eternity (buff) = The power of Eternity Mode is with you<!-- -->}}<!-- -->|F = {{#switch:{{{1}}}|<!-- -->|First Strike = Your next attack will be enhanced<!-- -->|Fish (buff) = This fish will fight for you<!-- -->|Flames of the Universe = The heavens themselves have judged you<!-- -->|Flipped = Your gravity is reversed <!-- -->|Frostbite = It's either really hot or really cold. Either way it REALLY hurts<!-- -->|Frostburn = It's either really hot or really cold. Either way it REALLY hurts<!-- -->|Frozen = You cannot move<!-- -->|Fused = You're going out with a bang<!-- -->}}<!-- -->|G = {{#switch:{{{1}}}|<!-- -->|Gladiator Strength = +5% damage reduction, +5% damage, knockback immunity, improved spear rain<!-- -->|God Eater = Your soul is cursed by divine wrath<!-- -->|Golden Stasis = You are immune to all damage, but cannot move<!-- -->|Golden Stasis Cooldown = You cannot turn gold yet<!-- -->|Grabbed = Mash movement keys to escape!<!-- -->|Guilty = Weapons dulled by the guilt of slaying innocent critters<!-- -->}}<!-- -->|H = {{#switch:{{{1}}}|<!-- -->|Hallowed Sword Cooldown = Your sword cannot reflect projectiles yet<!-- -->|Hexed = Your attacks heal enemies<!-- -->|Holy Price = 30% decreased attack speed<!-- -->|Hypothermia = Increased damage taken from cold attacks<!-- -->}}<!-- -->|I = {{#switch:{{{1}}}|<!-- -->|Ichor = Reduced defense<!-- -->|Infested = This can only get worse<!-- -->|Ivy Venom = Losing life, will become Neurotoxin at 20 seconds<!-- -->}}<!-- -->|J = {{#switch:{{{1}}}|<!-- -->|Jammed = Your ranged weapons are faulty<!-- -->|Jungle Mimic Summon Buff = The Jungle Mimic will fight for you<!-- -->}}<!-- -->|L = {{#switch:{{{1}}}|<!-- -->|Lava Wet = You are dripping lava<!-- -->|Lethargic = Your weapons feel sluggish<!-- -->|Lightning Rod = You attract thunderbolts<!-- -->|Lihzahrd Blessing = Wires enabled and reduced spawn rates in Jungle Temple<!-- -->|Lihzahrd Curse = Wires disabled in Jungle Temple<!-- -->|Living Wasteland = Everyone around you turns to rot<!-- -->|Lovestruck = You are in love!<!-- -->|Low Ground = No hooks, cannot stand on platforms or liquids<!-- -->|Lunar Cultist = The Lunar Cultist will protect you<!-- -->}}<!-- -->|M = {{#switch:{{{1}}}|<!-- -->|Magical Cleanse Cooldown = You cannot cleanse debuffs yet<!-- -->|Marked for Death = Just don't get hit <!-- -->|Meditation = Your Monk Dash is ready<!-- -->|Midas (Eternity Mode) = Drop money on hit<!-- -->|Mini King Slime (buff) = This Mini King Slime will protect you<!-- -->|Mini Prime (buff) = Skeletron Prime will fight for you<!-- -->|Mini Saucer = The Mini Saucer will protect you<!-- -->|Mutant Fang = The power of Eternity Mode compels you<!-- -->|Mutant Nibble = You cannot heal at all<!-- -->|Mutant Power = The power of Mutant is with you<!-- -->|Mutant Presence = Defense, damage reduction, and life regen reduced; almost all soul toggles disabled; reduced graze radius<!-- -->|Mutant Rebirth = Deathray revive is recharging<!-- -->|Mutant Spawn = Mutant Spawn<!-- -->}}<!-- -->|N = {{#switch:{{{1}}}|<!-- -->|Nano Injection = Life regeneration and stats reduced<!-- -->|Neurotoxin = Your body is shutting down<!-- -->|Nibble = Just one tiny bite (please)<!-- -->|Nullification Curse = Moon Lord has cycling damage type immunities!<!-- -->}}<!-- -->|O = {{#switch:{{{1}}}|<!-- -->|Oceanic Maul = Defensive stats and max life are savaged<!-- -->|Omnistation (buff) = Effects of all vanilla stations<!-- -->|On Fire! = Slowly losing life<!-- -->|Oiled = Taking more damage from being on fire<!-- -->|Oiled (Eternity Mode) = Taking more damage from being on fire<!-- -->}}<!-- -->|P = {{#switch:{{{1}}}|<!-- -->|Petlight = Behold, the light of an angel<!-- -->|Plantera's Child (buff) = The child of Plantera will protect you<!-- -->|Poisoned = Slowly losing life<!-- -->|Probes (buff) = The probes will protect you<!-- -->|Pungent Eyeball (buff)= The pungent eyeball will protect you<!-- -->|Purged = Dodge effects don't work<!-- -->|Purified = You are cleansed<!-- -->}}<!-- -->|R = {{#switch:{{{1}}}|<!-- -->|Rain Umbrella Cooldown = Your umbrella isn't ready yet<!-- -->|Rainbow Slime (buff) = The Rainbow Slime will protect you<!-- -->|Refreshed = Increased mobility and flight time<!-- -->|Reverse Mana Flow = Your magic weapons cost life instead of mana<!-- -->|Revived = You cannot revive again<!-- -->|Rotting = Your body is wasting away<!-- -->|Rush Job = The Nurse cannot heal you again yet<!-- -->}}<!-- -->|S = {{#switch:{{{1}}}|<!-- -->|Seeker of Treasures (buff) = Give it a few thousand years to grow up<!-- -->|Semistation (buff) = Effects of some vanilla stations<!-- -->|Shadowflame = Losing life<!-- -->|Shell Hide = Projectiles are being blocked<!-- -->|Skeletron Arms (buff) = The Skeletron arms will protect you<!-- -->|Smite = Life regen reduced and 20% more damage taken<!-- -->|Snowstorm Cooldown = You cannot chill yet<!-- -->|Soul of the Master (buff) = The power of Eternity Mode is with you<!-- -->|Squeaky Toy (debuff) = Your attacks are squeaky toys!<!-- -->|Striking Moment = 400% increased damage for next melee strike<!-- -->|Stunned = You're too dizzy to move<!-- -->|Supercharged = 20% increased move speed, 10% increased attack speed, your attacks electrify<!-- -->|Swarming = Hornets are attacking from every direction!<!-- -->}}<!-- -->|T = {{#switch:{{{1}}}|<!-- -->|Time Stop Cooldown = You cannot stop time yet<!-- -->|Time Frozen = You are stopped in time<!-- -->|Titanium Shield = You have extra damage resistance in close range and resist most debuffs<!-- -->|Titanium Shield Cooldown = You are charging up Titanium Shield<!-- -->|Tribal Charm (buff) = Gain an instant of increased damage when you click to attack<!-- -->|Trojan Squirrel (buff) = You are riding a squirrel mech<!-- -->|True Eyes of Cthulhu (buff) = The eyes of Cthulhu will protect you<!-- -->|Twins Install = Effects of Cursed Inferno and Ichor<!-- -->|Twins EX = The real Twins will fight for you<!-- -->}}<!-- -->|U = {{#switch:{{{1}}}|<!-- -->|Unlucky = You are feeling pretty unlucky<!-- -->|Unstable = You don't quite fit into reality<!-- -->}}<!-- -->|V = {{#switch:{{{1}}}|<!-- -->|Vortex Cooldown = You cannot spawn another vortex yet<!-- -->}}<!-- -->|W = {{#switch:{{{1}}}|<!-- -->|Wretched Hex = Shadowflame tentacles and vastly increased damage, but vastly decreased speed and defenses<!-- -->}}<!-- -->}}</includeonly><noinclude>{{doc}}</noinclude> 53b00fb38db68910163a1c5d1c968ff510df1e5f 10 292 342 2025-07-10T00:03:17Z Squeaker 434557 Created page with "<includeonly><!-- // auto detect if needed, only once per page. -->{{#var:__global__lang|<!-- -->{{#vardefineecho:__global__lang|<!-- // For language wikis: --><!--<language code><!-- replace the "<!--<language code>" with your wiki's language code, e.g. de/fr/pt/zh ------ The part below this line should be omitted on language wikis! ------ -->{{#ifeq:{{PAGENAME}}|{{SUBPAGENAME}}|en|{{#ifeq:{{#len:{{SUBPAGENAME}}}}|2|{{SUBPAGENAME}}|en}}}}<!-- ------..." wikitext text/x-wiki <includeonly><!-- // auto detect if needed, only once per page. -->{{#var:__global__lang|<!-- -->{{#vardefineecho:__global__lang|<!-- // For language wikis: --><!--<language code><!-- replace the "<!--<language code>" with your wiki's language code, e.g. de/fr/pt/zh ------ The part below this line should be omitted on language wikis! ------ -->{{#ifeq:{{PAGENAME}}|{{SUBPAGENAME}}|en|{{#ifeq:{{#len:{{SUBPAGENAME}}}}|2|{{SUBPAGENAME}}|en}}}}<!-- ------ The part above this line should be omitted on language wikis! ------ -->}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 131e6bf1eb252e964bbaae90ed7c872c55c3baa2 10 293 343 2025-07-10T00:05:55Z Squeaker 434557 Created page with "<includeonly><!-- // l10n info is autoloaded from Template:Msgbox/l10n --><div class="message-box {{{class|}}}" {{#if:{{bool|{{{nosnippet|y}}}}}|data-nosnippet}} style="{{{style|{{{css|<!-- -->{{#if:{{{bgcol|}}}|--message-box-highlight-color:{{{bgcol|}}};}}<!-- -->{{#if:{{{width|}}}|max-width:{{{width}}};}}<!-- -->}}}}}}"><!-- -->{{#if:{{{imagealt|{{{image|}}}}}}|<!-- --><div class="icon"><!-- -->{{#if:{{{imagealt|}}}|{{{imagealt}}}|{{#if:{{{image|}}}|<!-- --..." wikitext text/x-wiki <includeonly><!-- // l10n info is autoloaded from Template:Msgbox/l10n --><div class="message-box {{{class|}}}" {{#if:{{bool|{{{nosnippet|y}}}}}|data-nosnippet}} style="{{{style|{{{css|<!-- -->{{#if:{{{bgcol|}}}|--message-box-highlight-color:{{{bgcol|}}};}}<!-- -->{{#if:{{{width|}}}|max-width:{{{width}}};}}<!-- -->}}}}}}"><!-- -->{{#if:{{{imagealt|{{{image|}}}}}}|<!-- --><div class="icon"><!-- -->{{#if:{{{imagealt|}}}|{{{imagealt}}}|{{#if:{{{image|}}}|<!-- -->[[File:{{{image}}}|link={{{imagelink|}}}|{{{imagesize|{{#if:{{#var:msgbox:is_small}}|20|32}}px}}}|{{{imagetext|}}}]]<!-- -->}}}}<!-- --></div><!-- -->}}<!-- --><div><!-- -->{{#if:{{{title|}}}|<!-- -->{{{title}}} {{#if:{{bool|{{{discuss|}}}}}|<!-- -->^{[<nowiki/>[[{{{discusspage|{{TALKPAGENAME}}}}}#{{{discussanchor|}}}|Discussion]]]}<!-- -->}}<!-- -->{{#if:{{{text|}}}|<!-- line break if text is specified --><br/><!-- -->}}<!-- -->}}<!-- -->{{#if:{{{text|}}}|<!-- -->{{{text}}}<!-- -->}}<!-- --></div><!-- --></div><!-- --></includeonly><!-- --><noinclude>{{doc}} [[Category:Notice templates|*]] </noinclude> a0cf261559b540743fdadace73fea8526feaafac 10 294 349 2025-07-10T00:20:30Z Squeaker 434557 Created page with "<includeonly>{{#switch:{{lc:{{{1|}}}}}|y|1|yes|true=y|#default={{#if:{{{1|}}}||{{{2|}}}}}}}</includeonly><noinclude>{{doc}} {{language info|en=Template:Bool}} </noinclude>" wikitext text/x-wiki <includeonly>{{#switch:{{lc:{{{1|}}}}}|y|1|yes|true=y|#default={{#if:{{{1|}}}||{{{2|}}}}}}}</includeonly><noinclude>{{doc}} {{language info|en=Template:Bool}} </noinclude> 08bda7d46f97a71529fe2eea6893f1668fbdf584 10 295 350 2025-07-10T00:20:50Z Squeaker 434557 Created page with "<code class={{{class|code}}} style={{{style|}}}>{{#tag:syntaxhighlight|{{{1|}}}|lang={{{lang|{{{2|text}}}}}}|class={{{class|code}}}|id={{{id|}}}|style={{{style|}}}|inline=true}}</code><noinclude>{{doc}}</noinclude>" wikitext text/x-wiki <code class={{{class|code}}} style={{{style|}}}>{{#tag:syntaxhighlight|{{{1|}}}|lang={{{lang|{{{2|text}}}}}}|class={{{class|code}}}|id={{{id|}}}|style={{{style|}}}|inline=true}}</code><noinclude>{{doc}}</noinclude> c9dce6645b6ff2f502c636adefe507b8ae2b059f 10 296 351 2025-07-10T00:21:13Z Squeaker 434557 Created page with "<includeonly>{{#if: {{{nolink|}}} | <nowiki>http://help.gamepedia.com/index.php?title=</nowiki>{{{1}}}{{#if: {{{2|}}} | &{{{2}}} }} |<!-- --><span class="plainlinks">{{#if: {{{text|}}} | [ }}{{fullurl: {{{1}}} | {{{2|}}} }} {{#if: {{{text|}}} | {{{text}}}]}}</span>}}</includeonly><noinclude>{{doc}} [[Category:Formatting templates|{{PAGENAME}}]]</noinclude>" wikitext text/x-wiki <includeonly>{{#if: {{{nolink|}}} | <nowiki>http://help.gamepedia.com/index.php?title=</nowiki>{{{1}}}{{#if: {{{2|}}} | &{{{2}}} }} |<!-- --><span class="plainlinks">{{#if: {{{text|}}} | [ }}{{fullurl: {{{1}}} | {{{2|}}} }} {{#if: {{{text|}}} | {{{text}}}]}}</span>}}</includeonly><noinclude>{{doc}} [[Category:Formatting templates|{{PAGENAME}}]]</noinclude> 46367eacd22a6dce7076a2ab94d525b760c66e2b 10 297 352 2025-07-10T00:21:31Z Squeaker 434557 Created page with "<!-- //output: -->{{msgbox|text=<!-- -->{{l10n|i18n-ready|main_text}}<!-- -->{{ifexists|ns=Template|{{PAGENAME}}/l10n|<!-- --><br/><small>{{l10n|i18n-ready|sub_text|$link$=[[Template:{{PAGENAME}}/l10n|{{ns:Template}}:{{PAGENAME}}/l10n]]}}</small><!-- -->}}<!-- -->|nocat=1}}<!-- -->{{#if:{{{nocat|}}}||<!-- -->{{#ifeq: {{SUBPAGENAME}} | doc || [[Category:{{l10n|i18n-ready|cat}}]]}}<!-- -->}}<!-- --><noinclude>{{doc}}</noinclude>" wikitext text/x-wiki <!-- //output: -->{{msgbox|text=<!-- -->{{l10n|i18n-ready|main_text}}<!-- -->{{ifexists|ns=Template|{{PAGENAME}}/l10n|<!-- --><br/><small>{{l10n|i18n-ready|sub_text|$link$=[[Template:{{PAGENAME}}/l10n|{{ns:Template}}:{{PAGENAME}}/l10n]]}}</small><!-- -->}}<!-- -->|nocat=1}}<!-- -->{{#if:{{{nocat|}}}||<!-- -->{{#ifeq: {{SUBPAGENAME}} | doc || [[Category:{{l10n|i18n-ready|cat}}]]}}<!-- -->}}<!-- --><noinclude>{{doc}}</noinclude> 3aa4ec2a5f204ac1581b95e9fa3da6cbb7a194b9 10 298 353 2025-07-10T00:22:06Z Squeaker 434557 Created page with "<!-- //register localization info: -->{{l10n/register|i18n-ready|en<!-- -->|main_text=This template is '''i18n-ready''', which means it is easy to localize for different languages. Please see [[Help:I18n & l10n for Templates|I18n & l10n for Templates]] to learn more.<!-- -->|sub_text=See $link$ for the localization of this template.<!-- -->|cat=i18n-ready templates<!-- -->}}" wikitext text/x-wiki <!-- //register localization info: -->{{l10n/register|i18n-ready|en<!-- -->|main_text=This template is '''i18n-ready''', which means it is easy to localize for different languages. Please see [[Help:I18n & l10n for Templates|I18n & l10n for Templates]] to learn more.<!-- -->|sub_text=See $link$ for the localization of this template.<!-- -->|cat=i18n-ready templates<!-- -->}} fccdae3f7c99529dad60b001d95cb9f043d182ec 10 299 354 2025-07-10T00:22:59Z Squeaker 434557 Redirected page to [[Template:Localization/register]] wikitext text/x-wiki #REDIRECT [[Template:Localization/register]] 66cd16da66b5240ce267da9694f7b4661d882380 10 300 355 2025-07-10T00:23:11Z Squeaker 434557 Created page with "<includeonly><!-- -->{{#dplvar:set<!-- -->|l10n:reg:namespace|{{{1|}}}<!-- -->|l10n:reg:lang|{{{2|en}}}<!-- -->}}<!-- ========================================================================================= If autoloading was triggered, we only load the information for the language that {{l10n|}} currently needs, from the /l10n subtemplate. The registrations of the other languages in the /l10n subtemplate will be skipped, and instead only an "exists" flag for thei..." wikitext text/x-wiki <includeonly><!-- -->{{#dplvar:set<!-- -->|l10n:reg:namespace|{{{1|}}}<!-- -->|l10n:reg:lang|{{{2|en}}}<!-- -->}}<!-- ========================================================================================= If autoloading was triggered, we only load the information for the language that {{l10n|}} currently needs, from the /l10n subtemplate. The registrations of the other languages in the /l10n subtemplate will be skipped, and instead only an "exists" flag for their language will be set. When {{l10n|}} needs another language's information, it will already know if that language exists in the /l10n subtemplate (thanks to the "exists" flag), and will only load the /l10n subtemplate again if that language does exist there. Example (assuming autoload was triggered): (Template:Test/l10n contains l10n registrations for en, fr, and de) We call {{l10n|test|foo|en}}, so the /l10n subtemplate (Template:Test/l10n) will be loaded. Only {{l10n/register|test|en|foo=...}} will be registered; {{l10n/register|test|fr|foo=...}} and {{l10n/register|test|de|foo=...}} will be ignored (though both will be set to "exists"). Now we call {{l10n|test|foo|fr}} sometime later, and {{l10n|}} realizes that there is no relevant l10n information available about fr. Hence it checks the "exists" for fr and sees that there is a registration for fr in the /l10n subtemplate. Consequently, it will load the /l10n subtemplate again, now with the intention to register {{l10n/register|test|fr|foo=...}} (so the de registration will be ignored again). Lastly, we call {{l10n|test|foo|zh}}, and {{l10n|}} again realizes it has no l10n information for zh. It finds that the "exists" flag for zh is not set, however, so it concludes there is no {{l10n/register|test|zh|foo=...}} in the /l10n subtemplate, and will not load it again. ({{l10n|}} will then fallback to using the en information.) Thanks to this method, we can avoid processing numerous {{l10n/register}} calls for languages that are never used on a page, thus save a lot of runtime resources. ========================================================================================= {{#var:l10n:autoloading}} is the important link to {{l10n|}}, the langcode it currently wants to autoload. If it is empty, this registration is transcluded manually (not on an /l10n subtemplate). // autoloaded flag: this namespace has been autoloaded. -->{{#dplvar:set|l10n:autoloaded:{{#dplvar:l10n:reg:namespace}}|{{#var:l10n:autoloading}}}}<!-- // skip this registration? -->{{#if:{{#switch:{{#dplvar:l10n:reg:lang}}|{{#var:l10n:autoloading}}|en=y|#default={{#if:{{#var:l10n:autoloading}}||y}}}}|<!-- don't skip if: (checks performed in this order) * the language of this registration matches the language {{l10n|}} currently wants to autoload, or * the language of this registration is en (en should always be available for fallback), or * we are not autoloading (i.e. this {{l10n/register}} is not on an /l10n subtemplate). // actual registration: -->{{#forargs:|l10n:reg:_key|l10n:reg:_value|<!-- -->{{#dplvar:set|l10n:{{#dplvar:l10n:reg:namespace}}:{{#dplvar:l10n:reg:lang}}:{{#var:l10n:reg:_key}}|{{#var:l10n:reg:_value}}}}<!-- -->}}<!-- -->|<!-- skip if: * we are autoloading, and * the language of this registration is not en, and * the language of this registration does not match the language {{l10n|}} currently wants to autoload. // only set the "exists" flag -->{{#dplvar:set|l10n:{{#dplvar:l10n:reg:namespace}}:{{#dplvar:l10n:reg:lang}}:2|y}}<!-- -->}}<!-- Results now (assuming we are autoloading): * {{#dplvar:l10n:<namespace>:<lang>:1}} will now be non-empty if the l10n info for this language has been loaded and is readily available in full. * {{#dplvar:l10n:autoloaded:<namespace>}} will always be non-empty now – the /l10n subtemplate for this namespace has been loaded at least once now. * {{#dplvar:l10n:<namespace>:<lang>:2}} will now be non-empty if there is an l10n registration in the /l10n subtemplate for this lang, but the l10n info has not been loaded. This information is used by {{l10n|}}. --></includeonly><noinclude>{{doc}} [[category:I18n-ready templates| ]] </noinclude> 323695358578a552b3ab4c4d738c577185488b59 828 301 356 2025-07-10T00:25:00Z Squeaker 434557 Created page with "--[[ This module is intended to provide access to basic string functions. Most of the functions provided here can be invoked with named parameters, unnamed parameters, or a mixture. If named parameters are used, Mediawiki will automatically remove any leading or trailing whitespace from the parameter. Depending on the intended use, it may be advantageous to either preserve or remove such whitespace. Global options ignore_errors: If set to 'true' or 1, any e..." Scribunto text/plain --[[ This module is intended to provide access to basic string functions. Most of the functions provided here can be invoked with named parameters, unnamed parameters, or a mixture. If named parameters are used, Mediawiki will automatically remove any leading or trailing whitespace from the parameter. Depending on the intended use, it may be advantageous to either preserve or remove such whitespace. Global options ignore_errors: If set to 'true' or 1, any error condition will result in an empty string being returned rather than an error message. error_category: If an error occurs, specifies the name of a category to include with the error message. The default category is [Category:Pages with errors reported by Module:String]. no_category: If set to 'true' or 1, no category will be added if an error is generated. Unit tests for this module are available at Module:String/tests. ]] local str = {} --[[ len This function returns the length of the target string. Usage: {{#invoke:String|len|target_string|}} OR {{#invoke:String|len|s=target_string}} Parameters s: The string whose length to report If invoked using named parameters, Mediawiki will automatically remove any leading or trailing whitespace from the target string. ]] function str.len( frame ) local new_args = str._getParameters( frame.args, {'s'} ); local s = new_args['s'] or ''; return mw.ustring.len( s ) end --[[ sub This function returns a substring of the target string at specified indices. Usage: {{#invoke:String|sub|target_string|start_index|end_index}} OR {{#invoke:String|sub|s=target_string|i=start_index|j=end_index}} Parameters s: The string to return a subset of i: The fist index of the substring to return, defaults to 1. j: The last index of the string to return, defaults to the last character. The first character of the string is assigned an index of 1. If either i or j is a negative value, it is interpreted the same as selecting a character by counting from the end of the string. Hence, a value of -1 is the same as selecting the last character of the string. If the requested indices are out of range for the given string, an error is reported. ]] function str.sub( frame ) local new_args = str._getParameters( frame.args, { 's', 'i', 'j' } ); local s = new_args['s'] or ''; local i = tonumber( new_args['i'] ) or 1; local j = tonumber( new_args['j'] ) or -1; local len = mw.ustring.len( s ); -- Convert negatives for range checking if i < 0 then i = len + i + 1; end if j < 0 then j = len + j + 1; end if j > len then j = len; end if i > len or i < 1 or j < 1 then return str._error( 'String subset index out of range' ); end if j < i then return str._error( 'String subset indices out of order' ); end return mw.ustring.sub( s, i, j ) end --[[ This function implements that features of {{str sub old}} and is kept in order to maintain these older templates. ]] function str.sublength( frame ) local i = tonumber( frame.args.i ) or 0 local len = tonumber( frame.args.len ) return mw.ustring.sub( frame.args.s, i + 1, len and ( i + len ) ) end --[[ match This function returns a substring from the source string that matches a specified pattern. Usage: {{#invoke:String|match|source_string|pattern_string|start_index|match_number|plain_flag|nomatch_output}} OR {{#invoke:String|match|s=source_string|pattern=pattern_string|start=start_index |match=match_number|plain=plain_flag|nomatch=nomatch_output}} Parameters s: The string to search pattern: The pattern or string to find within the string start: The index within the source string to start the search. The first character of the string has index 1. Defaults to 1. match: In some cases it may be possible to make multiple matches on a single string. This specifies which match to return, where the first match is match= 1. If a negative number is specified then a match is returned counting from the last match. Hence match = -1 is the same as requesting the last match. Defaults to 1. plain: A flag indicating that the pattern should be understood as plain text. Defaults to false. nomatch: If no match is found, output the "nomatch" value rather than an error. If invoked using named parameters, Mediawiki will automatically remove any leading or trailing whitespace from each string. In some circumstances this is desirable, in other cases one may want to preserve the whitespace. If the match_number or start_index are out of range for the string being queried, then this function generates an error. An error is also generated if no match is found. If one adds the parameter ignore_errors=true, then the error will be suppressed and an empty string will be returned on any failure. For information on constructing Lua patterns, a form of [regular expression], see: * http://www.lua.org/manual/5.1/manual.html#5.4.1 * http://www.mediawiki.org/wiki/Extension:Scribunto/Lua_reference_manual#Patterns * http://www.mediawiki.org/wiki/Extension:Scribunto/Lua_reference_manual#Ustring_patterns ]] function str.match( frame ) local new_args = str._getParameters( frame.args, {'s', 'pattern', 'start', 'match', 'plain', 'nomatch'} ); local s = new_args['s'] or ''; local start = tonumber( new_args['start'] ) or 1; local plain_flag = str._getBoolean( new_args['plain'] or false ); local pattern = new_args['pattern'] or ''; local match_index = math.floor( tonumber(new_args['match']) or 1 ); local nomatch = new_args['nomatch']; if s == '' then return str._error( 'Target string is empty' ); end if pattern == '' then return str._error( 'Pattern string is empty' ); end if math.abs(start) < 1 or math.abs(start) > mw.ustring.len( s ) then return str._error( 'Requested start is out of range' ); end if match_index == 0 then return str._error( 'Match index is out of range' ); end if plain_flag then pattern = str._escapePattern( pattern ); end local result if match_index == 1 then -- Find first match is simple case result = mw.ustring.match( s, pattern, start ) else if start > 1 then s = mw.ustring.sub( s, start ); end local iterator = mw.ustring.gmatch(s, pattern); if match_index > 0 then -- Forward search for w in iterator do match_index = match_index - 1; if match_index == 0 then result = w; break; end end else -- Reverse search local result_table = {}; local count = 1; for w in iterator do result_table[count] = w; count = count + 1; end result = result_table[ count + match_index ]; end end if result == nil then if nomatch == nil then return str._error( 'Match not found' ); else return nomatch; end else return result; end end --[[ pos This function returns a single character from the target string at position pos. Usage: {{#invoke:String|pos|target_string|index_value}} OR {{#invoke:String|pos|target=target_string|pos=index_value}} Parameters target: The string to search pos: The index for the character to return If invoked using named parameters, Mediawiki will automatically remove any leading or trailing whitespace from the target string. In some circumstances this is desirable, in other cases one may want to preserve the whitespace. The first character has an index value of 1. If one requests a negative value, this function will select a character by counting backwards from the end of the string. In other words pos = -1 is the same as asking for the last character. A requested value of zero, or a value greater than the length of the string returns an error. ]] function str.pos( frame ) local new_args = str._getParameters( frame.args, {'target', 'pos'} ); local target_str = new_args['target'] or ''; local pos = tonumber( new_args['pos'] ) or 0; if pos == 0 or math.abs(pos) > mw.ustring.len( target_str ) then return str._error( 'String index out of range' ); end return mw.ustring.sub( target_str, pos, pos ); end --[[ str_find This function duplicates the behavior of {{str_find}}, including all of its quirks. This is provided in order to support existing templates, but is NOT RECOMMENDED for new code and templates. New code is recommended to use the "find" function instead. Returns the first index in "source" that is a match to "target". Indexing is 1-based, and the function returns -1 if the "target" string is not present in "source". Important Note: If the "target" string is empty / missing, this function returns a value of "1", which is generally unexpected behavior, and must be accounted for separatetly. ]] function str.str_find( frame ) local new_args = str._getParameters( frame.args, {'source', 'target'} ); local source_str = new_args['source'] or ''; local target_str = new_args['target'] or ''; if target_str == '' then return 1; end local start = mw.ustring.find( source_str, target_str, 1, true ) if start == nil then start = -1 end return start end --[[ find This function allows one to search for a target string or pattern within another string. Usage: {{#invoke:String|find|source_str|target_string|start_index|plain_flag}} OR {{#invoke:String|find|source=source_str|target=target_str|start=start_index|plain=plain_flag}} Parameters source: The string to search target: The string or pattern to find within source start: The index within the source string to start the search, defaults to 1 plain: Boolean flag indicating that target should be understood as plain text and not as a Lua style regular expression, defaults to true If invoked using named parameters, Mediawiki will automatically remove any leading or trailing whitespace from the parameter. In some circumstances this is desirable, in other cases one may want to preserve the whitespace. This function returns the first index >= "start" where "target" can be found within "source". Indices are 1-based. If "target" is not found, then this function returns 0. If either "source" or "target" are missing / empty, this function also returns 0. This function should be safe for UTF-8 strings. ]] function str.find( frame ) local new_args = str._getParameters( frame.args, {'source', 'target', 'start', 'plain' } ); local source_str = new_args['source'] or ''; local pattern = new_args['target'] or ''; local start_pos = tonumber(new_args['start']) or 1; local plain = new_args['plain'] or true; if source_str == '' or pattern == '' then return 0; end plain = str._getBoolean( plain ); local start = mw.ustring.find( source_str, pattern, start_pos, plain ) if start == nil then start = 0 end return start end --[[ replace This function allows one to replace a target string or pattern within another string. Usage: {{#invoke:String|replace|source_str|pattern_string|replace_string|replacement_count|plain_flag}} OR {{#invoke:String|replace|source=source_string|pattern=pattern_string|replace=replace_string| count=replacement_count|plain=plain_flag}} Parameters source: The string to search pattern: The string or pattern to find within source replace: The replacement text count: The number of occurences to replace, defaults to all. plain: Boolean flag indicating that pattern should be understood as plain text and not as a Lua style regular expression, defaults to true ]] function str.replace( frame ) local new_args = str._getParameters( frame.args, {'source', 'pattern', 'replace', 'count', 'plain' } ); local source_str = new_args['source'] or ''; local pattern = new_args['pattern'] or ''; local replace = new_args['replace'] or ''; local count = tonumber( new_args['count'] ); local plain = new_args['plain'] or true; if source_str == '' or pattern == '' then return source_str; end plain = str._getBoolean( plain ); if plain then pattern = str._escapePattern( pattern ); replace = mw.ustring.gsub( replace, "%%", "%%%%" ); --Only need to escape replacement sequences. end local result; if count ~= nil then result = mw.ustring.gsub( source_str, pattern, replace, count ); else result = mw.ustring.gsub( source_str, pattern, replace ); end return result; end --[[ simple function to pipe string.rep to templates. ]] function str.rep( frame ) local repetitions = tonumber( frame.args[2] ) if not repetitions then return str._error( 'function rep expects a number as second parameter, received "' .. ( frame.args[2] or '' ) .. '"' ) end return string.rep( frame.args[1] or '', repetitions ) end --[[ Helper function that populates the argument list given that user may need to use a mix of named and unnamed parameters. This is relevant because named parameters are not identical to unnamed parameters due to string trimming, and when dealing with strings we sometimes want to either preserve or remove that whitespace depending on the application. ]] function str._getParameters( frame_args, arg_list ) local new_args = {}; local index = 1; local value; for i,arg in ipairs( arg_list ) do value = frame_args[arg] if value == nil then value = frame_args[index]; index = index + 1; end new_args[arg] = value; end return new_args; end --[[ Helper function to handle error messages. ]] function str._error( error_str ) local frame = mw.getCurrentFrame(); local error_category = frame.args.error_category or 'Pages with errors reported by Module:String'; local ignore_errors = frame.args.ignore_errors or false; local no_category = frame.args.no_category or false; if str._getBoolean(ignore_errors) then return ''; end local error_str = '<strong class="error">String Module Error: ' .. error_str .. '</strong>'; if error_category ~= '' and not str._getBoolean( no_category ) then error_str = '[[Category:' .. error_category .. ']]' .. error_str; end return error_str; end --[[ Helper Function to interpret boolean strings ]] function str._getBoolean( boolean_str ) local boolean_value; if type( boolean_str ) == 'string' then boolean_str = boolean_str:lower(); if boolean_str == 'false' or boolean_str == 'no' or boolean_str == '0' or boolean_str == '' then boolean_value = false; else boolean_value = true; end elseif type( boolean_str ) == 'boolean' then boolean_value = boolean_str; else error( 'No boolean value found' ); end return boolean_value end --[[ Helper function that escapes all pattern characters so that they will be treated as plain text. ]] function str._escapePattern( pattern_str ) return mw.ustring.gsub( pattern_str, "([%(%)%.%%%+%-%*%?%[%^%$%]])", "%%%1" ); end local ustring = mw.ustring str._limit = function(s, len, suffix) if s == '' or not s then return '' end if suffix == '' or not suffix then suffix = ' ...' end len = tonumber(len) or -1 -- truncate s = ustring.sub( s, 0, len ) -- word pruning local s2 = ustring.match(s, '.+%s') return (s2 or s) .. suffix; end str.limit = function(frame) return str._limit(frame.args[1], frame.args[2], frame.args['suffix']) end return str fb06e5fbc3f2136298ad7d2314336590c95c7b2b 828 302 357 2025-07-10T00:25:14Z Squeaker 434557 Created page with " ------- l10n info -------------- local l10n_info = { ['en'] = { ['id_text_item'] = 'Internal [[Item IDs|Item ID]]: ', ['id_text_tile'] = 'Internal [[Tile IDs|Tile ID]]: ', ['id_text_wall'] = 'Internal [[Wall IDs|Wall ID]]: ', ['id_text_npc'] = 'Internal [[NPC IDs|NPC ID]]: ', ['id_text_mount'] = 'Internal [[Mount IDs|Mount ID]]: ', ['id_text_buff'] = 'Internal [[Buff IDs|Buff ID]]: ', ['id_text_projectile'] = 'Internal [[Projectile IDs|Projectile ID]]: ',..." Scribunto text/plain ------- l10n info -------------- local l10n_info = { ['en'] = { ['id_text_item'] = 'Internal [[Item IDs|Item ID]]: ', ['id_text_tile'] = 'Internal [[Tile IDs|Tile ID]]: ', ['id_text_wall'] = 'Internal [[Wall IDs|Wall ID]]: ', ['id_text_npc'] = 'Internal [[NPC IDs|NPC ID]]: ', ['id_text_mount'] = 'Internal [[Mount IDs|Mount ID]]: ', ['id_text_buff'] = 'Internal [[Buff IDs|Buff ID]]: ', ['id_text_projectile'] = 'Internal [[Projectile IDs|Projectile ID]]: ', ['id_text_armor'] = 'Internal [[Armor IDs|Armor ID]]: ', }, ['de'] = { ['id_text_item'] = 'Interne [[Gegenstands-IDs|Gegenstands-ID]]: ', ['id_text_tile'] = 'Interne [[Feld-IDs|Feld-ID]]: ', ['id_text_wall'] = 'Interne [[Wand-IDs|Wand-ID]]: ', ['id_text_npc'] = 'Interne [[NPC-IDs|NPC-ID]]: ', ['id_text_mount'] = 'Interne [[Reittier-IDs|Reittier-ID]]: ', ['id_text_buff'] = 'Interne [[Statuseffekt-IDs|Statuseffekt-ID]]: ', ['id_text_projectile'] = 'Interne [[Projektil-IDs|Projektil-ID]]: ', ['id_text_armor'] = 'Interne [[Projektil-IDs|Projektil-ID]]: ', }, ['fr'] = { ['id_text_item'] = '[[Item IDs|ID interne de l\'objet]]&#32;: ', ['id_text_tile'] = '[[Tile IDs|ID interne de la tuile]]&#32;: ', ['id_text_wall'] = '[[Wall IDs|ID interne du mur]]&#32;: ', ['id_text_npc'] = '[[NPC IDs|ID interne du PNJ]]&#32;: ', ['id_text_mount'] = '[[Mount IDs|ID interne de la monture]]&#32;: ', ['id_text_buff'] = '[[Buff IDs|ID interne du buff]]&#32;: ', ['id_text_projectile'] = '[[Projectile IDs|ID interne du projectile]]&#32;: ', ['id_text_armor'] = '[[Armor IDs|ID interne de l\'armure]]&#32;: ', }, ['hu'] = { ['id_text_item'] = '[[Tárgyi adatértékek|Tárgyi]] adatértéke: ', ['id_text_tile'] = '[[Kockabeli adatértékek|Kockabeli]] adatértéke: ', ['id_text_wall'] = '[[Fali adatértékek|Fali]] adatértéke: ', ['id_text_npc'] = '[[Ellenféli adatértékek|Ellenféli]] adatértéke: ', ['id_text_mount'] = '[[Hátasbeli adatértékek|Hátasbeli]] adatértéke: ', ['id_text_buff'] = '[[Hatásbeli adatértékek|Hatásbeli]] adatértéke: ', ['id_text_projectile'] = '[[Lövedéki adatértékek|Lövedéki]] adatértéke: ', ['id_text_armor'] = '[[Páncélbeli adatértékek|Páncélbeli]] adatértéke: ', }, ['it'] = { ['id_text_item'] = '[[Item IDs/it|ID Oggetto Interno]]: ', ['id_text_tile'] = '[[Tile IDs/it|ID Tile Interno]]: ', ['id_text_wall'] = '[[Wall IDs/it|ID Muro Interno]]: ', ['id_text_npc'] = '[[NPC IDs/it|ID PNG Interno]]: ', ['id_text_mount'] = '[[Mount IDs/it|ID Montatura Interna]]: ', ['id_text_buff'] = '[[Buff IDs/it|ID Buff Interno]]: ', ['id_text_projectile'] = '[[Projectile IDs/it|ID Proiettile Interno]]: ', ['id_text_armor'] = '[[Armor IDs/it|ID Armatura Interna]]: ', }, ['ru'] = { ['id_text_item'] = 'Внутренний [[Идентификаторы предметов|ID предмета]]: ', ['id_text_tile'] = 'Внутренний [[Идентификаторы тайлов|ID тайла]]: ', ['id_text_wall'] = 'Внутренний [[Идентификаторы стен|ID стены]]: ', ['id_text_npc'] = 'Внутренний [[Идентификаторы существ|ID существа]]: ', ['id_text_mount'] = 'Внутренний [[Идентификаторы средств передвижения|ID сред. передвиж.]]: ', ['id_text_buff'] = 'Внутренний [[Идентификаторы бафов|ID бафа]]: ', ['id_text_projectile'] = 'Внутренний [[Идентификаторы снарядов|ID снаряда]]: ', ['id_text_armor'] = 'Внутренний [[Идентификаторы брони|ID брони]]: ', }, ['zh'] = { ['id_text_item'] = '内部[[物品 ID]]：', ['id_text_tile'] = '内部[[图格 ID]]：', ['id_text_wall'] = '内部[[墙 ID]]：', ['id_text_npc'] = '内部 [[NPC ID]]：', ['id_text_mount'] = '内部[[坐骑 ID]]：', ['id_text_buff'] = '内部[[增益 ID]]：', ['id_text_projectile'] = '内部[[射弹 ID]]：', ['id_text_armor'] = '内部[[盔甲 ID]]：', }, } ------- The following is not related to l10n. -------------- local trim = mw.text.trim local cargo = mw.ext.cargo local cache = require 'mw.ext.LuaCache' local should_cache = true local tr = require('Module:Tr') local currentFrame local args_table local lang local l10n_table local l10n = function(key) return l10n_table[key] or l10n_info['en'][key] end local getArg = function(key) local value = args_table[key] if not value then return nil end value = trim(value) if value == '' then return nil end return value end local function parse(str) local args = {} for s in string.gmatch(str, '%b@^') do local k,v = string.match(s, '^@(.-):(.*)^$') args[k] = v end args[1] = args['name'] args[2] = args['text'] return args end local function getCacheKey(arg) return "@name:" .. (arg[1] or '') .. "^@text:" .. (arg[2] or '') .. "^@mode:" .. (arg['mode'] or '') .. "^@rowspan:" .. (arg['rowspan'] or '') .. "^@image:" .. (arg['image'] or '') .. "^@scale:" .. (arg['scale'] or '') .. "^@size:" .. (arg['size'] or '') .. "^@maxsize:" .. (arg['maxsize'] or '') .. "^@ext:" .. (arg['ext'] or '') .. "^@nolink:" .. (arg['nolink'] or '') .. "^@link:" .. (arg['link'] or '') .. "^@anchor:" .. (arg['anchor'] or '') .. "^@note:" .. (arg['note'] or '') .. "^@note2:" .. (arg['note2'] or '') .. "^@id:" .. (arg['id'] or '') .. "^@showid:" .. (arg['showid'] or '') .. "^@type:" .. (arg['type'] or '') .. "^@wrap:" .. (arg['wrap'] or '') .. "^@class:" .. (arg['class'] or '') .. "^@css:" .. (arg['css'] or '') .. "^@lang:" .. (arg['lang'] or '') .. "^@anchor:" .. (arg['anchor'] or '') .. "^" end -- credit: http://richard.warburton.it -- this version is with trim. local function explode(div,str) if (div=='') then return false end local pos,arr = 0,{} -- for each divider found for st,sp in function() return string.find(str,div,pos,true) end do arr[#arr + 1] = trim(string.sub(str,pos,st-1)) -- Attach chars left of current divider pos = sp + 1 -- Jump past current divider end arr[#arr + 1] = trim(string.sub(str,pos)) -- Attach chars right of last divider return arr end local function parseSize(size) if not size then return end local basescale, width, height size, basescale = unpack(explode('*', size)) if size ~= '' then width, height = unpack(explode('x', string.gsub(size, 'px', ''))) width, height = tonumber(width), tonumber(height) if width == 0 then width = nil end if height == 0 then height = nil end end return basescale, width, height end local function getInfoFromCargo(image) -- try to get from cargo cache local result = mw.ext.cargo.query('Imageinfo', 'width, height, cached', { where = 'image='.. "'"..image:gsub("'", "\\'"):gsub("&#39;", "\\'").."'", orderBy = "cached DESC", limit = 1, }) for _, row in ipairs(result) do return tonumber(row['width']), tonumber(row['height']), row['cached'] end end local function storeInfoToCargo(image) -- don't cache {{item}}'s result when parsing imagesize fails. should_cache = false local width, height width = tonumber(currentFrame:callParserFunction( '#imgw', image)) if width and width ~= 0 then -- save one expensive call when the file is not a valid image. height = tonumber(currentFrame:callParserFunction( '#imgh', image)) if height and height ~= 0 then should_cache = true -- ok, cache it. currentFrame:callParserFunction('#cargo_store:_table=Imageinfo',{ image = image, width = width, height = height, cached = os.time(), }) end end return width, height end local function getSizeInfo(image) local width, height, cached = getInfoFromCargo(image) -- cache missed, init cache if not cached then width, height = storeInfoToCargo(image) end if width == 0 then width = nil end if height == 0 then height = nil end return width, height end local function getImageSize(image, width, height, scale, maxwidth, maxheight) -- get size info from image file itself (may be expensive) local w, h = getSizeInfo(image) -- store data to cache if not width and not height and (scale or maxwidth or maxheight) then width, height = w, h end -- apply scale to width/height if needed if scale then if width then width = width * scale end if height then height = height * scale end end -- apply maxwidth/maxheight. if maxwidth then if width then if width > maxwidth then width = maxwidth end else if height then width = maxwidth end end end if maxheight then if height then if height > maxheight then height = maxheight end else if width then height = maxheight end end end -- rounding if width then width = math.ceil(width) end if height then height = math.ceil(height) end return width, height end local function parseMaxSize(maxsize) if not maxsize then return end local maxwidth, maxheight = unpack(explode('x', string.gsub(maxsize, 'px', ''))) maxwidth, maxheight = tonumber(maxwidth), tonumber(maxheight) if maxwidth == 0 then maxwidth = nil end if maxheight == 0 then maxheight = nil end return maxwidth, maxheight end local function imagecode(image, link, text, size, scale, maxsize) local image_output = '[[File:' .. image .. '|link='.. link .. '|' .. text if size or scale or maxsize then local basescale, width, height = parseSize(size) -- width,height: number or nil scale = (tonumber(scale) or 1) * (tonumber(basescale) or 1) if scale == 0 or scale == 1 then scale = nil end local maxwidth, maxheight = parseMaxSize(maxsize) width, height = getImageSize(image, width, height, scale, maxwidth, maxheight) -- can be 0 if width or height then return image_output .. '|' .. (width or '') .. 'x' .. (height or '') .. 'px]]' else return image_output .. ']]' end else return image_output .. ']]' end end local function images(image, link, text, size, scale, maxsize) if not image:find('/') then return imagecode(image, link, text, size, scale, maxsize) end image = explode('/', image) local result = '' if size and size:find('/') then size = explode('/', size) for i, v in ipairs(image) do result = result .. imagecode(v, link, text, size[i], scale, maxsize) end else for i, v in ipairs(image) do result = result .. imagecode(v, link, text, size, scale, maxsize) end end return result end local getIdText = function(_type) local id_text if _type == 'item' then -- a shortcut for faster id_text = l10n('id_text_item') elseif _type == 'tile' then id_text = l10n('id_text_tile') elseif _type == 'wall' then id_text = l10n('id_text_wall') elseif _type == 'npc' then id_text = l10n('id_text_npc') elseif _type == 'mount' then id_text = l10n('id_text_mount') elseif _type == 'buff' or _type == 'debuff' then id_text = l10n('id_text_buff') elseif _type == 'projectile' then id_text = l10n('id_text_projectile') elseif _type == 'armor' then id_text = l10n('id_text_armor') else id_text = l10n('id_text_item') end return id_text end ----------------------------------------------------------------- -- main return object return { parse = parse, go = function(frame, args) -- cache? local cache_key = args and getCacheKey(args) or (':_item:' .. frame.args[1]) local cached = cache.get(cache_key) if cached then return cached end -- init var cache currentFrame = frame args_table = args or parse(frame.args[1]) lang = getArg('lang') or 'en' l10n_table = l10n_info[lang] or l10n_info['en'] local _arg1 = getArg(1) or '' local _nolink = getArg('nolink') local _link = _nolink and '' or getArg('link') or tr.translateLink(_arg1, lang) -- now: _link == '' means nolink. local text = getArg(2) or '' local hovertext if _arg1 ~= '' then hovertext = tr.translate(_arg1, 'en') elseif text ~= '' then hovertext = text else hovertext = _link end local class = 'i' local output_image, output_text, output_table, output_htmltable = true, true, false, false local _mode = getArg('mode') if _mode then if _mode == 'image' or _mode == 'imageonly' or _mode =='onlyimage' then output_text = false elseif _mode == 'text' or _mode == 'noimage' then output_image = false elseif _mode == 'table' or _mode == '2-cell' then output_table = true elseif _mode == 'htmltable' or _mode == 'html-2-cell' then output_htmltable = true end end local image_output, text_output if output_image then local image_arg = string.gsub(_arg1, ":%s*", " ") if _arg1 == '1/2 Second Timer' then image_arg = '1 2 Second Timer' elseif _arg1 == '1/4 Second Timer' then image_arg = '1 4 Second Timer' end image_arg = getArg('image') or image_arg .. '.' .. (getArg('ext') or 'png') image_output = images(image_arg, _link, hovertext, getArg('size'), getArg('scale'), getArg('maxsize')) else image_output = '' end if output_text then local _note, _note2, _showid, _id = getArg('note'), getArg('note2'), getArg('showid'), getArg('id') if _id and not _showid then _showid = true end if _showid and (_showid == 'n' or _showid == 'no') then _showid = false end local _wrap if _showid or _note2 then _wrap = false else _wrap = getArg('wrap') end if _link ~= '' then if text == _link then text = '<span>[['..text..']]</span>' else text = '<span>[['.._link..'|'..text..']]</span>' end else text = '<span title="'..hovertext..'">'..text..'</span>' end local content = text -- item name link text first. -- '-w' class means 'wrapmode', optimized for multiple lines of text. But it should be disabled for single line text. if _wrap then -- note in next line if _note then class = class .. ' -w' content = content .. '<span class="note">' .. _note .. '</span>' end else -- note first if _note then content = content .. '<span class="note">' .. _note .. '</span>' end if _note2 then class = class .. ' -w' content = content .. '<div class="note">' .. _note2 .. '</div>' end if _showid then class = class .. ' -w' local idtype = (getArg('type') or 'item'):lower() if not _id then _id = frame:expandTemplate{ title = idtype .. 'IdFromName', args = {_arg1} } end local id_text = getIdText(idtype) content = content .. '<div class="id">' .. id_text .. _id .. '</div>' end end text_output = '<span>' .. content .. '</span>' else text_output = '' end local _class, _css = getArg('class'), getArg('css') if _class then class = class .. ' ' .. _class end local attr = {class = class} if _css then attr.style = _css end local anchor = '' if getArg('anchor') then anchor = mw.text.tag('div', {id=frame:callParserFunction('anchorencode', _arg1), class='anchor'}, '') end local return_string if output_table then attr.class = class .. ' block aligncenter' local result = mw.text.tag('span', attr, image_output) .. '||' attr.class = class .. ' block alignleft' return_string = result .. mw.text.tag('span', attr, text_output .. anchor) elseif output_htmltable then attr.class = class .. ' block aligncenter' local result = mw.text.tag('span', attr, image_output) .. '</td><td>' attr.class = class .. ' block alignleft' return_string = result .. mw.text.tag('span', attr, text_output .. anchor) else return_string = mw.text.tag('span', attr, image_output .. text_output .. anchor) end -- cache output for reuse if should_cache then cache.set(cache_key, return_string, 3600*24) -- cache for 24 hours end -- output return return_string end, purge = function(frame) cache.delete(':_item:' .. frame.args[1]) -- delete that cache key. end, } 07f05d1c2ebddeaaf9cd68e40a32bf9c2a6ac3a9 10 303 358 2025-07-10T00:25:36Z Squeaker 434557 Created page with "<includeonly></div></li> |}</includeonly><noinclude>{{doc}}</noinclude>" wikitext text/x-wiki <includeonly></div></li> |}</includeonly><noinclude>{{doc}}</noinclude> 3b0cd1a58d9f3a01d5fe0fef56289606352e912c 10 304 359 2025-07-10T00:25:53Z Squeaker 434557 Created page with "<includeonly><!-- // localization info is autoloaded from Template:Bestiary/l10n. -->{{#if:{{#dplvar:_bestiary:_db}}||{{bestiary/db}}}}<!-- -->{{#if:{{{2|}}}|<!-- // mode: multiple --><h3>{{l10n|bestiary|multiple_heading|$bestiary$={{item|Bestiary|{{l10n|bestiary|bestiary}}|image=Bestiary icon.png|size=20px|icons=no}}}}</h3><!-- --><ul>{{#fornumargs:|v|<!-- -->{{#if:{{#vardefineecho:bestiary_entry|{{{{{#var:v}}-entrytext|{{tr2e|{{#dplvar:_bestiary:{{#var:v}}}}}}}..." wikitext text/x-wiki <includeonly><!-- // localization info is autoloaded from Template:Bestiary/l10n. -->{{#if:{{#dplvar:_bestiary:_db}}||{{bestiary/db}}}}<!-- -->{{#if:{{{2|}}}|<!-- // mode: multiple --><h3>{{l10n|bestiary|multiple_heading|$bestiary$={{item|Bestiary|{{l10n|bestiary|bestiary}}|image=Bestiary icon.png|size=20px|icons=no}}}}</h3><!-- --><ul>{{#fornumargs:|v|<!-- -->{{#if:{{#vardefineecho:bestiary_entry|{{{{{#var:v}}-entrytext|{{tr2e|{{#dplvar:_bestiary:{{#var:v}}}}}}}}}}}|<!-- --><li>{{l10n|bestiary|multiple_texteach<!-- -->|$name$={{{{{#var:v}}-alias|{{tr|{{#var:v}}}}}}}<!-- -->|$bestiary_entry_text$={{#var:bestiary_entry}}|lang={{lang|}}<!-- -->}}</li><!-- -->|<!-- -->{{error|{{l10n|bestiary|error|$name$={{#var:v}}}}}}<!-- -->}}<!-- -->}}</ul><!-- -->|<!-- // mode:single -->{{#if:{{#vardefineecho:bestiary_entry|{{{entrytext|{{#dplvar:_bestiary:{{tr2e|{{{1|{{#titleparts:{{ROOTPAGENAME}}}}}}}}}}}}}}}}|<!-- --><ul><li>{{l10n|bestiary|text<!-- -->|$bestiary$={{item|tgc:Bestiary|{{l10n|bestiary|bestiary}}|image=Bestiary icon.png|icons=no}}<!-- -->|$article$={{#if:{{{article|-unset-}}}|{{{article|{{l10n|bestiary|default_article}}}}}}}<!-- -->|$name$={{{alias|{{tr|{{{1|{{#titleparts:{{ROOTPAGENAME}}}}}}}}}}}}<!-- -->|$bestiary_entry_text$={{#var:bestiary_entry}}|lang={{lang|}}<!-- -->}}</li></ul><!-- -->|<!-- -->{{error|{{l10n|bestiary|error|$name$={{{1|{{#titleparts:{{ROOTPAGENAME}}}}}}}}}}}<!-- -->}}<!-- -->}}<!-- end of if --></includeonly><!-- --><noinclude>{{i18n-ready}}{{doc}} [[Category:Templates]] </noinclude> e8ae750aab4184da88bbda9c5a02731ae17de0ca 10 305 360 2025-07-10T00:26:06Z Squeaker 434557 Created page with "<!-- -->[''{{wikipedia|Sic|<!-- --><abbr style{{=}}"cursor: help;" title{{=}}"sīc erat scriptum (Latin: &#8220;thus it was written&#8221;) – any typographical or other errors in this quote are intentionally reproduced, exactly as they appear in the source.">sic</abbr><!-- -->}}'']<!-- --><noinclude>{{doc}}</noinclude>" wikitext text/x-wiki <!-- -->[''{{wikipedia|Sic|<!-- --><abbr style{{=}}"cursor: help;" title{{=}}"sīc erat scriptum (Latin: &#8220;thus it was written&#8221;) – any typographical or other errors in this quote are intentionally reproduced, exactly as they appear in the source.">sic</abbr><!-- -->}}'']<!-- --><noinclude>{{doc}}</noinclude> 020b81d1c687c7784e8bd8fdf4a19aa24c64e1bb 10 306 361 2025-07-10T03:58:19Z Squeaker 434557 Created page with "<!-- //register localization info: -->{{l10n/register|npc infobox|en<!-- -->|stats=Statistics<!-- -->|type=Type<!-- -->|damage=Damage<!-- -->|life=Max Life<!-- -->|dr=<abbr title="Damage Reduction">DR</abbr><!-- -->|kb=[[Knockback|KB]] Resist<!-- -->|power=Power<!-- -->|buff=Grants [[buff]]<!-- -->|buffduration=Buff duration<!-- -->|bufftip=Buff tooltip<!-- -->|debuff=Inflicts [[debuff]]<!-- -->|debuffduration=Debuff duration<!-- -->|debufftip=D..." wikitext text/x-wiki <!-- //register localization info: -->{{l10n/register|npc infobox|en<!-- -->|stats=Statistics<!-- -->|type=Type<!-- -->|damage=Damage<!-- -->|life=Max Life<!-- -->|dr=<abbr title="Damage Reduction">DR</abbr><!-- -->|kb=[[Knockback|KB]] Resist<!-- -->|power=Power<!-- -->|buff=Grants [[buff]]<!-- -->|buffduration=Buff duration<!-- -->|bufftip=Buff tooltip<!-- -->|debuff=Inflicts [[debuff]]<!-- -->|debuffduration=Debuff duration<!-- -->|debufftip=Debuff tooltip<!-- -->|immu=Immune to<!-- -->|all=All [[debuffs]]<!-- -->|except=All [[debuffs]] except<!-- -->|value=Value<!-- -->|buy=Buy<!-- -->|sell=Sell<!-- -->|tooltip=Tooltip<!-- -->|drops=Drops<!-- -->|items=Item <strong><small>(Quantity)</small></strong><strong>Rate</strong><!-- -->}}<!-- --> ec0547aa652f0b61169e40738561fe2626838f82 828 307 362 2025-07-10T04:37:15Z Squeaker 434557 Created page with "-- This module does nothing but returns user input. -- Feel free to add useful function if Satanist Mode Wiki supports other languages return { translate = function(input, lang) return input end, translateLink = function(input, lang) return input end, }" Scribunto text/plain -- This module does nothing but returns user input. -- Feel free to add useful function if Satanist Mode Wiki supports other languages return { translate = function(input, lang) return input end, translateLink = function(input, lang) return input end, } 5cf8e9108266da35184b7a90f923d4aa3eea17d9 10 308 363 2025-07-10T04:37:31Z Squeaker 434557 Created page with "<includeonly><!-- // init language setting: -->{{#dplvar:set|tr:lang|{{{lang|{{lang}}}}}|_tr_input|{{{1|}}}}}<!-- trim $1 -->{{#ifeq:{{#dplvar:tr:lang}}|en|<!-- -->{{#dplvar:_tr_input}}<!-- English, no need to translate -->|<!-- // loading glossary database, only once per page -->{{#if:{{#dplvar:_tr-{{#dplvar:tr:lang}}:__OK__}}||{{tr/db-{{#dplvar:tr:lang}}}}}}<!-- -->{{#if:{{{link|}}}|<!-- // looking up link translation: -->{{#vardefine:_t|{{#dplvar:_tr-{{..." wikitext text/x-wiki <includeonly><!-- // init language setting: -->{{#dplvar:set|tr:lang|{{{lang|{{lang}}}}}|_tr_input|{{{1|}}}}}<!-- trim $1 -->{{#ifeq:{{#dplvar:tr:lang}}|en|<!-- -->{{#dplvar:_tr_input}}<!-- English, no need to translate -->|<!-- // loading glossary database, only once per page -->{{#if:{{#dplvar:_tr-{{#dplvar:tr:lang}}:__OK__}}||{{tr/db-{{#dplvar:tr:lang}}}}}}<!-- -->{{#if:{{{link|}}}|<!-- // looking up link translation: -->{{#vardefine:_t|{{#dplvar:_tr-{{#dplvar:tr:lang}}:link:{{#dplvar:_tr_input}}}}}}<!-- varname example: _tr-it:link:Fish ------ ↓↓↓ EN wiki only! ↓↓↓ ------ -->{{#var:_t|{{#dplvar:_tr_input}}/{{#dplvar:tr:lang}}}}<!-- default: enPagename/lang, e.g. Fish/it ------ ↑↑↑ EN wiki only! ↑↑↑ ------ ------ ↓↓↓ Language wikis only! ↓↓↓ ------ --><!--{{#vardefine:_t|{{#var:_t|{{#dplvar:_tr-{{#dplvar:tr:lang}}:{{#dplvar:_tr_input}}}}}}}}<!-- varname example: _tr-fr:Wood --><!--{{#var:_t|{{#dplvar:_tr_input}}}}<!-- default: pagename, e.g. Bois ------ ↑↑↑ Language wikis only! ↑↑↑ ------ -->|<!-- // looking up normal translation: -->{{#vardefine:_t|{{#dplvar:_tr-{{#dplvar:tr:lang}}:{{#dplvar:_tr_input}}}}}}<!-- varname example: _tr-it:Fish -->{{#var:_t|{{#dplvar:_tr_input}}}}<!-- -->}}<!-- -->}}<!-- --></includeonly><noinclude> Auto translation, depending on glossary database, it is located at <code>Template:tr/db-<langcode></code> (e.g. <code>Template:tr/db-zh</code> for Chinese). == Usage == Auto determine the language(by page url): <code><nowiki>{{tr|<english>}}</nowiki></code> Explicitly specify language: <code><nowiki>{{tr|lang=<langcode>|<english>}}</nowiki></code> You will get the corresponding translation. If there is no entity for the input in glossary, you will get the original input text. For example:<br/> <code><nowiki>{{tr|lang=en|Gold Watch}}</nowiki></code>: <code>{{tr|lang=en|Gold Watch}}</code><br/> <code><nowiki>{{tr|lang=zh|Battle Cry}}</nowiki></code>: <code>{{tr|lang=zh|Battle Cry}}</code><br/> <code><nowiki>{{tr|lang=zh|Dirt Wings}}</nowiki></code>: <code>{{tr|lang=zh|Dirt Wings}}</code> get pagename for target language:<br/> <code><nowiki>{{tr|<english>|link=y}}</nowiki></code><br/> <code><nowiki>{{tr|lang=<langcode>|<english>|link=y|}}</nowiki></code> For example:<br/> <code><nowiki>{{tr|lang=en|Gold Watch|link=y}}</nowiki></code>: <code>{{tr|lang=en|Gold Watch|link=y}}</code><br/> <code><nowiki>{{tr|lang=zh|Battle Cry|link=y}}</nowiki></code>: <code>{{tr|lang=zh|Battle Cry|link=y}}</code><br/> <div style="white-space:pre"> NOTE: Based on performance considerations, input text is case sensitive and white space sensitive, so be careful about that. For example: <code><nowiki>{{tr|lang=zh|Battle Cry}}</nowiki></code>: <code>{{tr|lang=zh|Battle Cry}}</code> <code><nowiki>{{tr|lang=zh|Battle cry}}</nowiki></code>: <code>{{tr|lang=zh|Battle cry}}</code> <code><nowiki>{{tr|lang=zh| Battle Cry }}</nowiki></code>: <code>{{tr|lang=zh| Battle Cry }}</code> <code><nowiki>{{tr|lang=zh|Battle Cry}}</nowiki></code>: <code>{{tr|lang=zh|Battle Cry}}</code> </div> [[Category:Data templates]] </noinclude> 5db5be2b6a1d1816779dc2fd6d7f9dd4720e059a 10 309 364 2025-07-10T04:37:58Z Squeaker 434557 Created page with "<includeonly><span data-info="{{#expr:{{{1|1}}}*10000}}" {{#if:{{{1|}}}|style="white-space:nowrap" <nowiki />}}title="{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}Gold Coin{{#ifeq:{{{1|1}}}|1||s}}">{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}[[File:Gold Coin.png|link=|alt=Gold Coin]]</span></includeonly><noinclude> A minimalist helper template to quickly create a "gc" ('''G'''old '''C'''oin). == Standard Usage == {| class="terraria" !<nowiki>{{gc}}</nowiki> |{{gc}} |- !<nowiki>{{gc|1}}<..." wikitext text/x-wiki <includeonly><span data-info="{{#expr:{{{1|1}}}*10000}}" {{#if:{{{1|}}}|style="white-space:nowrap" <nowiki />}}title="{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}Gold Coin{{#ifeq:{{{1|1}}}|1||s}}">{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}[[File:Gold Coin.png|link=|alt=Gold Coin]]</span></includeonly><noinclude> A minimalist helper template to quickly create a "gc" ('''G'''old '''C'''oin). == Standard Usage == {| class="terraria" !<nowiki>{{gc}}</nowiki> |{{gc}} |- !<nowiki>{{gc|1}}</nowiki> |{{gc|1}} |- !<nowiki>{{gc|5}}</nowiki> |{{gc|5}} |} == Multiple coins == If you want to create a price with multiple type coins, please insert a single [[wikipedia:non-breaking space|non-breaking space ( &amp;nbsp&#59; )]] between each coin: {| class="terraria" !<nowiki>{{gc|5}}&amp;nbsp&#59;{{sc|50}}</nowiki> |{{gc|5}}&nbsp;{{sc|50}} |} Or, just use [[template:Value]], which is optimized for multiple currencies. == Without a parameter == Using the template without any parameters will simply generate a Gold Coin, without anything other text. == Render and link == *The gc template will not generate a link, and will not be linkable (neither the text, nor the coin). *However, mousing over the template will create a '''hover text''' with the full English rendering, for readability: {| class="terraria" ! {{gc}} | Gold Coin |- ! {{gc|1}} | 1 Gold Coin |- ! {{gc|5}} | 5 Gold Coins |} == See Also == *[[template:pc]]: Platinum Coin. *[[template:gc]]: Gold Coin. *[[template:sc]]: Silver Coin. *[[template:cc]]: Copper Coin. *[[template:Value]]: An alternative. [[Category:Shortcut templates]] </noinclude> 8e58a5f852a623ea10342366bfa84ca370be88c4 10 310 365 2025-07-10T04:38:11Z Squeaker 434557 Created page with "<includeonly><span data-info="{{#expr:{{{1|1}}}*100}}" {{#if:{{{1|}}}|style="white-space:nowrap" <nowiki />}}title="{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}Silver Coin{{#ifeq:{{{1|1}}}|1||s}}">{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}[[File:Silver Coin.png|link=|alt=Silver Coin]]</span></includeonly><noinclude> A minimalist helper template to quickly create a "sc" ('''S'''ilver '''C'''oin). == Standard Usage == {| class="terraria" !<nowiki>{{sc}}</nowiki> |{{sc}} |- !<nowiki>{{s..." wikitext text/x-wiki <includeonly><span data-info="{{#expr:{{{1|1}}}*100}}" {{#if:{{{1|}}}|style="white-space:nowrap" <nowiki />}}title="{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}Silver Coin{{#ifeq:{{{1|1}}}|1||s}}">{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}[[File:Silver Coin.png|link=|alt=Silver Coin]]</span></includeonly><noinclude> A minimalist helper template to quickly create a "sc" ('''S'''ilver '''C'''oin). == Standard Usage == {| class="terraria" !<nowiki>{{sc}}</nowiki> |{{sc}} |- !<nowiki>{{sc|1}}</nowiki> |{{sc|1}} |- !<nowiki>{{sc|5}}</nowiki> |{{sc|5}} |} == Multiple coins == If you want to create a price with multiple type coins, please insert a single [[wikipedia:non-breaking space|non-breaking space ( &amp;nbsp&#59; )]] between each coin: {| class="terraria" !<nowiki>{{gc|5}}&amp;nbsp&#59;{{sc|50}}</nowiki> |{{gc|5}}&nbsp;{{sc|50}} |} Or, just use [[template:Value]], which is optimized for multiple currencies. == Without a parameter == Using the template without any parameters will simply generate a Silver Coin, without anything other text. == Render and link == *The sc template will not generate a link, and will not be linkable (neither the text, nor the coin). *However, mousing over the template will create a '''hover text''' with the full English rendering, for readability: {| class="terraria" ! {{sc}} | Silver Coin |- ! {{sc|1}} | 1 Silver Coin |- ! {{sc|5}} | 5 Silver Coins |} == See Also == *[[template:pc]]: Platinum Coin. *[[template:gc]]: Gold Coin. *[[template:sc]]: Silver Coin. *[[template:cc]]: Copper Coin. *[[template:Value]]: An alternative. [[Category:Shortcut templates]] </noinclude> 8c673a856a7ecf44aa8283b9f4cef4ad98dba0f6 10 311 366 2025-07-10T04:38:21Z Squeaker 434557 Created page with "<includeonly><span data-info="{{#expr:{{{1|1}}}}}" {{#if:{{{1|}}}|style="white-space:nowrap" <nowiki />}}title="{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}Copper Coin{{#ifeq:{{{1|1}}}|1||s}}">{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}[[File:Copper Coin.png|link=|alt=Copper Coin]]</span></includeonly><noinclude> A minimalist helper template to quickly create a "cc" ('''C'''opper '''C'''oin). == Standard Usage == {| class="terraria" !<nowiki>{{cc}}</nowiki> |{{cc}} |- !<nowiki>{{cc|1}..." wikitext text/x-wiki <includeonly><span data-info="{{#expr:{{{1|1}}}}}" {{#if:{{{1|}}}|style="white-space:nowrap" <nowiki />}}title="{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}Copper Coin{{#ifeq:{{{1|1}}}|1||s}}">{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}[[File:Copper Coin.png|link=|alt=Copper Coin]]</span></includeonly><noinclude> A minimalist helper template to quickly create a "cc" ('''C'''opper '''C'''oin). == Standard Usage == {| class="terraria" !<nowiki>{{cc}}</nowiki> |{{cc}} |- !<nowiki>{{cc|1}}</nowiki> |{{cc|1}} |- !<nowiki>{{cc|5}}</nowiki> |{{cc|5}} |} == Multiple coins == If you want to create a price with multiple type coins, please insert a single [[wikipedia:non-breaking space|non-breaking space ( &amp;nbsp&#59; )]] between each coin: {| class="terraria" !<nowiki>{{gc|5}}&amp;nbsp&#59;{{sc|50}}</nowiki> |{{gc|5}}&nbsp;{{sc|50}} |} Or, just use [[template:Value]], which is optimized for multiple currencies. == Without a parameter == Using the template without any parameters will simply generate a Copper Coin, without anything other text. == Render and link == *The cc template will not generate a link, and will not be linkable (neither the text, nor the coin). *However, mousing over the template will create a '''hover text''' with the full English rendering, for readability: {| class="terraria" ! {{cc}} | Copper Coin |- ! {{cc|1}} | 1 Copper Coin |- ! {{cc|5}} | 5 Copper Coins |} == See Also == *[[template:pc]]: Platinum Coin. *[[template:gc]]: Gold Coin. *[[template:sc]]: Silver Coin. *[[template:cc]]: Copper Coin. *[[template:Value]]: An alternative. [[Category:Shortcut templates]] </noinclude> 0b8f91d98ee0914c66a3e0de455b2d1d7a5b2f0d 10 312 367 2025-07-10T04:38:35Z Squeaker 434557 Created page with "<includeonly><span data-info="{{#expr:{{{1|1}}}*1000000}}" {{#if:{{{1|}}}|style="white-space:nowrap" <nowiki />}}title="{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}Platinum Coin{{#ifeq:{{{1|1}}}|1||s}}">{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}[[File:Platinum Coin.png|link=|alt=Platinum Coin]]</span></includeonly><noinclude> A minimalist helper template to quickly create a "pc" ('''P'''latinum '''C'''oin). == Standard Usage == {| class="terraria" !<nowiki>{{pc}}</nowiki> |{{pc}} |-..." wikitext text/x-wiki <includeonly><span data-info="{{#expr:{{{1|1}}}*1000000}}" {{#if:{{{1|}}}|style="white-space:nowrap" <nowiki />}}title="{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}Platinum Coin{{#ifeq:{{{1|1}}}|1||s}}">{{#if:{{{1|}}}|{{{1|}}} <nowiki />}}[[File:Platinum Coin.png|link=|alt=Platinum Coin]]</span></includeonly><noinclude> A minimalist helper template to quickly create a "pc" ('''P'''latinum '''C'''oin). == Standard Usage == {| class="terraria" !<nowiki>{{pc}}</nowiki> |{{pc}} |- !<nowiki>{{pc|1}}</nowiki> |{{pc|1}} |- !<nowiki>{{pc|5}}</nowiki> |{{pc|5}} |} == Multiple coins == If you want to create a price with multiple type coins, please insert a single [[wikipedia:non-breaking space|non-breaking space ( &amp;nbsp&#59; )]] between each coin: {| class="terraria" !<nowiki>{{gc|5}}&amp;nbsp&#59;{{sc|50}}</nowiki> |{{gc|5}}&nbsp;{{sc|50}} |} Or, just use [[template:Value]], which is optimized for multiple currencies. == Without a parameter == Using the template without any parameters will simply generate a Platinum Coin, without anything other text. == Render and link == *The pc template will not generate a link, and will not be linkable (neither the text, nor the coin). *However, mousing over the template will create a '''hover text''' with the full English rendering, for readability: {| class="terraria" ! {{pc}} | Platinum Coin |- ! {{pc|1}} | 1 Platinum Coin |- ! {{pc|5}} | 5 Platinum Coins |} == See Also == *[[template:pc]]: Platinum Coin. *[[template:gc]]: Gold Coin. *[[template:sc]]: Silver Coin. *[[template:cc]]: Copper Coin. *[[template:Value]]: An alternative. [[Category:Shortcut templates]] </noinclude> fd4df094a1f0a8cb3e831fc8df934c827b28af07 10 313 368 2025-07-10T04:38:46Z Squeaker 434557 Created page with "<includeonly><span data-info="{{#expr:{{{1|0}}}}}"></span> <!-- --><span data-info="{{#expr:{{{2|0}}}}}"></span> <!-- --><span data-info="{{#expr:{{{3|0}}}}}"></span> <!-- --><span data-info="{{#expr:{{{4|0}}}}}"></span> <!-- --><!-- -->{{nowrap|<!-- -->{{#switch:{{{1|}}}|0|=|{{{1}}} {{#ifeq:{{{text|}}}|yes<!-- -->|{{#ifeq:{{{link|}}}|yes|[[Platinum Coin|Platinum]]|Platinum}}<!-- -->|<span title="Platinu..." wikitext text/x-wiki <includeonly><span data-info="{{#expr:{{{1|0}}}}}"></span> <!-- --><span data-info="{{#expr:{{{2|0}}}}}"></span> <!-- --><span data-info="{{#expr:{{{3|0}}}}}"></span> <!-- --><span data-info="{{#expr:{{{4|0}}}}}"></span> <!-- --><!-- -->{{nowrap|<!-- -->{{#switch:{{{1|}}}|0|=|{{{1}}} {{#ifeq:{{{text|}}}|yes<!-- -->|{{#ifeq:{{{link|}}}|yes|[[Platinum Coin|Platinum]]|Platinum}}<!-- -->|<span title="Platinum Coin">[[File:Platinum Coin.png{{#ifeq:{{{small|}}}|yes|{{!}}11px}}|link={{#ifeq:{{{link|}}}|yes|Platinum Coin}}]]</span>}}<!-- -->{{#switch:{{{2|}}}{{{3|}}}{{{4|}}}|000|00|0|=|&nbsp;}}}}<!-- -->{{#switch:{{{2|}}}|0|=|{{{2}}} {{#ifeq:{{{text|}}}|yes<!-- -->|{{#ifeq:{{{link|}}}|yes|[[Gold Coin|Gold]]|Gold}}<!-- -->|<span title="Gold Coin">[[File:Gold Coin.png{{#ifeq:{{{small|}}}|yes|{{!}}11px}}|link={{#ifeq:{{{link|}}}|yes|Gold Coin}}]]</span>}}<!-- -->{{#switch:{{{3|}}}{{{4|}}}|00|0|=|&nbsp;}}}}<!-- -->{{#switch:{{{3|}}}|0|=|{{{3}}} {{#ifeq:{{{text|}}}|yes<!-- -->|{{#ifeq:{{{link|}}}|yes|[[Silver Coin|Silver]]|Silver}}<!-- -->|<span title="Silver Coin">[[File:Silver Coin.png{{#ifeq:{{{small|}}}|yes|{{!}}11px}}|link={{#ifeq:{{{link|}}}|yes|Silver Coin}}]]</span>}}<!-- -->{{#switch:{{{4|}}}|0|=|&nbsp;}}}}<!-- -->{{#switch:{{{4|}}}|0|=|{{{4}}} {{#ifeq:{{{text|}}}|yes<!-- -->|{{#ifeq:{{{link|}}}|yes|[[Copper Coin|Copper]]|Copper}}<!-- -->|<span title="Copper Coin">[[File:Copper Coin.png{{#ifeq:{{{small|}}}|yes|{{!}}11px}}|link={{#ifeq:{{{link|}}}|yes|Copper Coin}}]]</span>}}<!-- -->}}<!-- -->}}</includeonly><noinclude>Template for showing prices. Correctly fits inside a sentence or bullet lists. == Usage == <pre> {{value | platinum | gold | silver | copper | [[link = {{yes/'''no'''}}]] | [[text = {{yes/'''no'''}}]] }} </pre> <pre> {{value|platinum|gold|silver|copper|option1|option2}} </pre> == Notes == *Values of "0", "" or null are not displayed. *The values can also be a range. *The template is inside a nowrap. {|class="terraria" !This !Gives |- |<nowiki>{{Value|1}}</nowiki> |{{Value|1}} |- |<nowiki>{{Value|0|1}}</nowiki> |{{Value|0|1}} |- |<nowiki>{{Value|0|0|1|}}</nowiki> |{{Value|0|0|1}} |- |<nowiki>{{Value|0|0|0|1}}</nowiki> |{{Value|0|0|0|1}} |- |<nowiki>{{Value|1|2|0|4}}</nowiki> |{{Value|1|2|0|4}} |} == Further Options == There are two optional option fields: *"link" specifies whether you want to link to the icon page. "yes" means there are links. "no" means there are no links. Anything else, or blank, will use the template's current default of "no" **It is ''recommended'' to use links for the ''first'' use of the template in a page, but not afterwards. *"text" option allows specifying wether the values are icons, or raw text. "yes" means text will be used. "no" means icons will be used. Anything else, or blank, will use the template's current default of "no" (use icons). {|class="terraria" !This !Gives |- |<nowiki>{{Value|0|1|1|link=yes}}</nowiki> |{{Value|0|1|1|link=yes}} |- |<nowiki>{{Value|0|1|1|text=yes}}</nowiki> |{{Value|0|1|1|text=yes}} |- |<nowiki>{{Value|0|1|1|link=yes|text=yes}}</nowiki> |{{Value|0|1|1|link=yes|text=yes}} |} [[Category:Shortcut templates]] </noinclude> ab46845fa77bfe14aa7472e98461f019487bd086 10 314 369 2025-07-10T04:39:29Z Squeaker 434557 edit later wikitext text/x-wiki {{#dplvar:set|_bestiary:_db|(ok)<!-- -->|_bestiary:Deviantt|Provides monster spawners and (if she feels like it) a helping hand. This upbeat and energetic creature likes money almost as much as she likes violence. Only a little deformed.<!-- -->|_bestiary:Squirrel|This dapper critter sells duplicates of valuable items that it notices in inventories. Won't divulge how it gets them, mostly because it can't speak.<!-- -->|_bestiary:Abominationn|Can control weather and stop invasions, but he's lazy and his weapons are fused to his hands. Good thing he doesn't need to eat and doors magically open when he approaches.<!-- -->|_bestiary:Mutant|Called brother by its siblings, but refuses to confirm its gender. More interested in watching fights and small pets than talking about its past. It seems to be looking for someone strong...<!-- -->|_bestiary:LumberJack|A wholly ordinary lumberjack that loves collecting critters and chopping wood of any kind. But could there be more to him than meets the eye? Secret godly power? ...Probably not.<!-- -->|_bestiary:Trojan Squirrel|Built by squirrels, for squirrels! Made of woods collected from numerous lands. It fits a lot more squirrels that it appears.<!-- -->|_bestiary:Deviantt (boss)|Casts spells of light and love using a living axe made of evil. She must be very lax about death, given she never fights that hard to protect a town.<!-- -->|_bestiary:Banished Baron|Cast out from its hierarchy it hid while it tried to repair itself. imperfect work left its strength and speed hindered.<!-- -->|_bestiary:Lifelight|The brilliance emitting from its core is soothing but hypnotic. Holds sway over lesser organisms. Its true form cannot be perceived.<!-- -->|_bestiary:Eridanus, Champion of Cosmos|This noble warrior once travelled the stars in search of worthy opponents. It settled nearby after encountering a certain mutated trio.<!-- -->|_bestiary:Abominationn (boss)|His blade divides the soul itself. All supernatural phenomena are his domain, but he doesn't use celestial attacks out of respect for Mutant.<!-- -->|_bestiary:Mini Saucer|The cockpit is filled with machine parts. Abominationn commands these remote control turrets using a chip in his blaster cannon.<!-- -->|_bestiary:Mutant (boss)|The keeper of eternity. Ultimate power incarnate. Master of all with dominion over every aspect of combat. Perhaps it came from a world beyond that dimensional rift...<!-- -->|_bestiary:Champion of Timber|Channeling a Force has granted this wooden contraption fantastic power. But doesn't that squirrel in the cockpit look familiar?<!-- -->|_bestiary:Lesser Squirrel|These little critters helped build the Trojan Squirrel. Not aware of the small explosives attached to them.<!-- -->|_bestiary:Champion of Terra|Only the brain of this colossal serpent is still organic. Transformed into enchanted rock and metal, its body is impervious to attack.<!-- -->|_bestiary:Champion of Earth|Merging with a Force has given it a power high. This Champion erupts from the magma and rampages through all who cross its path.<!-- -->|_bestiary:Champion of Nature|This creature was driven from its home by a giant plant. Sometimes it thinks about going back, but the cold doesn't bother it anymore.<!-- -->|_bestiary:Champion of Life|Its feathers are said to be blessed relics that ward off nightmares. Has a low opinion of other lifeforms and is very territorial.<!-- -->|_bestiary:Lesser Fairy|Drawn to the Champion of Life's radiance, these pixies care for nothing but fulfilling its commands.<!-- -->|_bestiary:Champion of Spirit|These lost souls regained higher intelligence by absorbing a Force. Not that it's going to stop eating humans any time soon.<!-- -->|_bestiary:Champion of Shadow|Feeds on the negative emotions of other creatures. Breathing its fog is said to inflict an endless sleep fraught with nightmares.<!-- -->|_bestiary:Shadow Orb|Clusters of darkness that focus its power. They keep the curtain of night drawn low in service of their master.<!-- -->|_bestiary:Champion of Will|Overflowing with rage. Strikes with great power and withstands attacks through sheer force of anger alone. Just who is this nameless exile?<!-- -->|_bestiary:Top Hat Squirrel|This squirrel found itself a dapper hat! What will it do with this newfound power? Probably not much, honestly.<!-- -->|_bestiary:Gelatin Subject|Elite guardians of the queen. They erect a magical barrier and give their lives to defend their liege.<!-- -->|_bestiary:Royal Subject|The growth of these would-be queens has been stunted. The pheromones emitted by their liege have summoned them to her aid.<!-- -->}}<!-- --><noinclude>This is a [[:Category:Data templates|Data template]]. It's used to store [[Bestiary]] entries for the {{tl|bestiary}} template. [[Category:Data templates]]</noinclude> 7434f3aa956aff014ab0c6ee90ee442957a4babb 10 315 370 2025-07-10T04:39:48Z Squeaker 434557 Created page with "<includeonly><!-- --><div class="error">{{{1|{{{text|}}}}}}</div><!-- -->{{#switch:{{{cate|}}}|n|no=|#default=<!-- -->[[Category:Pages with template errors]]<!-- general error cate -->{{#if:{{{2|{{{cate|}}}}}}|<!-- -->[[Category:{{{2|{{{cate|}}}}}}]]<!-- specific, custom error cate -->}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude>" wikitext text/x-wiki <includeonly><!-- --><div class="error">{{{1|{{{text|}}}}}}</div><!-- -->{{#switch:{{{cate|}}}|n|no=|#default=<!-- -->[[Category:Pages with template errors]]<!-- general error cate -->{{#if:{{{2|{{{cate|}}}}}}|<!-- -->[[Category:{{{2|{{{cate|}}}}}}]]<!-- specific, custom error cate -->}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 8e607fdc002d359877c8e4ae86fb5e6a7c854345 10 316 371 2025-07-10T04:40:11Z Squeaker 434557 Created page with "<includeonly><!-- register localization info --> {{l10n/register|bestiary|en |text=The $bestiary$ entry for $article$ $name$: <i>"$bestiary_entry_text$"</i> |multiple_heading=$bestiary$ entries |multiple_texteach=$name$: <i>"$bestiary_entry_text$"</i> |bestiary=Bestiary |default_article=the |error={{tl|bestiary}}: Cannot find a Bestiary entry for "$name$"! }} {{l10n/register|bestiary|zh |text=$name$的&thinsp;$bestiary$条目：<i>“$bestiary_entry_text$”</i> |multi..." wikitext text/x-wiki <includeonly><!-- register localization info --> {{l10n/register|bestiary|en |text=The $bestiary$ entry for $article$ $name$: <i>"$bestiary_entry_text$"</i> |multiple_heading=$bestiary$ entries |multiple_texteach=$name$: <i>"$bestiary_entry_text$"</i> |bestiary=Bestiary |default_article=the |error={{tl|bestiary}}: Cannot find a Bestiary entry for "$name$"! }} {{l10n/register|bestiary|zh |text=$name$的&thinsp;$bestiary$条目：<i>“$bestiary_entry_text$”</i> |multiple_heading=$bestiary$条目 |multiple_texteach=$name$：<i>“$bestiary_entry_text$”</i> |bestiary={{tr|Bestiary}} |error={{tl|bestiary}}：未能找到“$name$”的{{tr|Bestiary}}条目！ }} </includeonly> 6e2e95499e6959032df0b1174a7fb78a6269491f 6 317 372 2025-07-12T00:42:30Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 10 318 373 2025-07-12T01:05:08Z Squeaker 434557 Created page with "<includeonly>[[wikipedia:{{{1}}}|{{#if: {{{2|}}}| {{{2}}} | {{{1}}} }}]]</includeonly><noinclude>{{doc}}</noinclude>" wikitext text/x-wiki <includeonly>[[wikipedia:{{{1}}}|{{#if: {{{2|}}}| {{{2}}} | {{{1}}} }}]]</includeonly><noinclude>{{doc}}</noinclude> 4aaaaa9adb8e340676cf0d19b43e088d30894e56 6 319 374 2025-07-12T01:06:28Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 320 375 2025-07-12T03:20:01Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 376 375 2025-07-12T03:20:11Z Squeaker 434557 Protected "[[File:Site-logo.png]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 8 321 377 2025-07-12T03:22:33Z Squeaker 434557 Created page with "* navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki <!-- * sidebar-customizing-wiki ** MediaWiki:Sidebar|sidebar-edit-sidebar ** MediaWiki:Common.css|sidebar-edit-common-css ** MediaWiki:Vector.css|sidebar-edit-vector-css ** MediaWiki:Common.js|sidebar-edit-common-js ** Special:Gadgets|sidebar-gadgets ** Special:AllPages|sidebar-all-pages ** Special:SpecialPages|sidebar-special-pages -->..." wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki <!-- * sidebar-customizing-wiki ** MediaWiki:Sidebar|sidebar-edit-sidebar ** MediaWiki:Common.css|sidebar-edit-common-css ** MediaWiki:Vector.css|sidebar-edit-vector-css ** MediaWiki:Common.js|sidebar-edit-common-js ** Special:Gadgets|sidebar-gadgets ** Special:AllPages|sidebar-all-pages ** Special:SpecialPages|sidebar-special-pages --> * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar a03f74ed66a06408c5c1ec1ba2847554b85da7da 378 377 2025-07-12T03:22:55Z Squeaker 434557 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar 736383dfe34c8d75c14f79851906a11b19b812aa 10 322 379 2025-07-12T09:14:38Z Squeaker 434557 Created page with "<includeonly><!-- Translate local language back to English. You can customize this template for your language. For x, {{tr2e|{{tr|x}}}} should be x. -->{{pagename2en|{{{1|}}}|lang={{lang}}}}<!-- --></includeonly>" wikitext text/x-wiki <includeonly><!-- Translate local language back to English. You can customize this template for your language. For x, {{tr2e|{{tr|x}}}} should be x. -->{{pagename2en|{{{1|}}}|lang={{lang}}}}<!-- --></includeonly> bb0e43fd86bdcb631adfb0b09c726260e29a9394 10 323 380 2025-07-13T01:27:53Z Squeaker 434557 Created page with "<includeonly><!-- -->{{#ifeq:{{{1}}}|group|<!-- -->{{#dplvar:set|_npc_infobox:group|{{{3|0}}}}}<!-- --><li class="caption">{{{2|}}}</li><!-- -->|<!-- -->{{#ifexpr:{{#dplvar:_npc_infobox:group}}|<!-- -->{{#dplvar:set|_npc_infobox:group|{{#expr:{{#dplvar:_npc_infobox:group}}-1}}}}<!-- -->{{#ifexpr:{{#dplvar:_npc_infobox:group}}|<!-- --><li><!-- -->|<!-- --><li class="group_end"><!-- -->}}<!-- -->|<!-- --><li><!-- -->}}<!-- --><div><!--..." wikitext text/x-wiki <includeonly><!-- -->{{#ifeq:{{{1}}}|group|<!-- -->{{#dplvar:set|_npc_infobox:group|{{{3|0}}}}}<!-- --><li class="caption">{{{2|}}}</li><!-- -->|<!-- -->{{#ifexpr:{{#dplvar:_npc_infobox:group}}|<!-- -->{{#dplvar:set|_npc_infobox:group|{{#expr:{{#dplvar:_npc_infobox:group}}-1}}}}<!-- -->{{#ifexpr:{{#dplvar:_npc_infobox:group}}|<!-- --><li><!-- -->|<!-- --><li class="group_end"><!-- -->}}<!-- -->|<!-- --><li><!-- -->}}<!-- --><div><!-- -->{{#ifeq:{{{1}}}|custom|<!-- //custom content. -->{{{2|}}}<!-- -->|<!-- //standard mode, item and quantity. -->{{#if:{{#pos:{{{1}}}|Treasure Bag}}|<!-- -->{{item|{{trim|{{{1}}}}}|{{#explode:{{{1}}}|Treasure Bag|0}}Treasure Bag|note={{#explode:{{{1}}}|Treasure Bag|1}}|wrap=y}}<!-- -->|<!-- -->{{item|{{trim|{{{1}}}}}}}<!-- -->}}<!-- -->{{#ifeq:{{{2|1}}}|1||<!-- --><nowiki/> {{nowrap|({{{2|}}})}}<!-- -->}}<!-- -->}}<!-- --></div><!-- --><div>{{{3|}}}</div><!-- --></li><!-- -->}}<!-- --></includeonly><!-- --><noinclude><!-- -->[[Category:Infobox templates]]<!-- --></noinclude> fa2ee3ed007840fd21cc6f4dcb7ee520bcd5c244 10 280 381 330 2025-07-13T01:54:53Z Squeaker 434557 wikitext text/x-wiki <includeonly><!-- -->{| class="terraria" |+ Inventory |- ! {{#ifeq:{{{widths|}}}|y| {{#if:{{{1|}}}|width={{{1|}}} {{!}} }}}} Item ! {{#ifeq:{{{widths|}}}|y| {{#if:{{{2|}}}|width={{{2|}}} {{!}} }}}} Cost ! {{#ifeq:{{{widths|}}}|y|{{#if:{{{3|}}}|width={{{3|}}} {{!}} }}}} Availability <!-- params: shop item # (optional dummy variable), item, cost, notes //every 3 unnamed arguments form a group. -->{{#dplvar:set<!-- -->|_inventory:group_arg_1|<!-- -->|_inventory:group_arg_2|<!-- -->}}<!-- -->{{#fornumargs:i|v|<!-- -->{{#switch:{{#expr:{{#var:i}} mod 3}}<!-- -->|1={{#dplvar:set|_inventory:group_arg_1|{{#var:v}}}}<!-- -->|2={{#dplvar:set|_inventory:group_arg_2|{{#var:v}}}}<!-- -->|0=<!-- -->{{#if:{{{widths|}}}|<!-- -->{{#ifeq:{{#var:i}}|3||<!-- --><nowiki/> {{!}}- {{!}} {{item|{{#dplvar:_inventory:group_arg_1}}|icons={{{icons}}}}} {{!}} style="text-align:right" {{!}} {{#dplvar:_inventory:group_arg_2}} {{!}} {{#ifeq:{{#var:v}}||<span style="color:gray">Always available.</span>|{{#var:v}}}} <!-- -->}}<!-- -->|<!-- --><nowiki/> {{!}}- {{!}} {{item|{{#dplvar:_inventory:group_arg_1}}|icons={{{icons}}}}} {{!}} style="text-align:right" {{!}} {{#dplvar:_inventory:group_arg_2}} {{!}} {{#ifeq:{{#var:v}}||<span style="color:gray">Always available.</span>|{{#var:v}}}} <!-- -->}}<!-- -->}}<!-- -->}}<!-- --> |}<!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> bdffe0b6b93ff5351dc7624f4cc0a235448d9d0a 382 381 2025-07-13T01:56:35Z Squeaker 434557 wikitext text/x-wiki <includeonly><!-- -->{| class="terraria" |+ Inventory |- ! {{#ifeq:{{{widths|}}}|y|{{#if:{{{1|}}}|width={{{1|}}} {{!}} }}}} Item ! {{#ifeq:{{{widths|}}}|y|{{#if:{{{2|}}}|width={{{2|}}} {{!}} }}}} Cost ! {{#ifeq:{{{widths|}}}|y|{{#if:{{{3|}}}|width={{{3|}}} {{!}} }}}} Availability <!-- params: shop item # (optional dummy variable), item, cost, notes //every 3 unnamed arguments form a group. -->{{#dplvar:set<!-- -->|_inventory:group_arg_1|<!-- -->|_inventory:group_arg_2|<!-- -->}}<!-- -->{{#fornumargs:i|v|<!-- -->{{#switch:{{#expr:{{#var:i}} mod 3}}<!-- -->|1={{#dplvar:set|_inventory:group_arg_1|{{#var:v}}}}<!-- -->|2={{#dplvar:set|_inventory:group_arg_2|{{#var:v}}}}<!-- -->|0=<!-- -->{{#if:{{{widths|}}}|<!-- -->{{#ifeq:{{#var:i}}|3||<!-- --><nowiki/> {{!}}- {{!}} {{item| {{#dplvar:_inventory:group_arg_1}}|icons={{{icons}}}}} {{!}} style="text-align:right" {{!}} {{#dplvar:_inventory:group_arg_2}} {{!}} {{#ifeq:{{#var:v}}||<span style="color:gray">Always available.</span>|{{#var:v}}}} <!-- -->}}<!-- -->|<!-- --><nowiki/> {{!}}- {{!}} {{item| {{#dplvar:_inventory:group_arg_1}}|icons={{{icons}}}}} {{!}} style="text-align:right" {{!}} {{#dplvar:_inventory:group_arg_2}} {{!}} {{#ifeq:{{#var:v}}||<span style="color:gray">Always available.</span>|{{#var:v}}}} <!-- -->}}<!-- -->}}<!-- -->}}<!-- --> |}<!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 0204a03c7f1d5daccd81b56a612489feebd5c9ac 10 324 383 2025-07-13T02:57:18Z Squeaker 434557 Created page with "<includeonly><!-- NOTE: this template is relatively slow, so you should consider to cache its result for reuse. -->{{#dplvar:set|tr:lang|{{{lang|{{lang}}}}}}}<!-- -->{{#vardefine:trpagename|{{{1|{{#titleparts:{{PAGENAME}}}}}}}}}<!-- -->{{#var:_pagename2en_cache:{{#dplvar:tr:lang}}:{{#var:trpagename}}|<!-- -->{{#vardefine:_output|}}<!-- -->{{#ifeq:{{#dplvar:tr:lang}}|en|<!-- -->{{#vardefine:_output|{{#var:trpagename}}}}<!-- en, no need to translate -->|<!--..." wikitext text/x-wiki <includeonly><!-- NOTE: this template is relatively slow, so you should consider to cache its result for reuse. -->{{#dplvar:set|tr:lang|{{{lang|{{lang}}}}}}}<!-- -->{{#vardefine:trpagename|{{{1|{{#titleparts:{{PAGENAME}}}}}}}}}<!-- -->{{#var:_pagename2en_cache:{{#dplvar:tr:lang}}:{{#var:trpagename}}|<!-- -->{{#vardefine:_output|}}<!-- -->{{#ifeq:{{#dplvar:tr:lang}}|en|<!-- -->{{#vardefine:_output|{{#var:trpagename}}}}<!-- en, no need to translate -->|<!-- -->{{#if:{{langList|isOnWiki|{{#dplvar:tr:lang}}}}|<!-- -->{{#rmatch:{{#var:trpagename}}|\/{{#dplvar:tr:lang}}(${{!}}\/)|{{#vardefine:_output|{{#replace:{{#var:trpagename}}|/{{#dplvar:tr:lang}}|}}}}}}<!-- -->}}<!-- -->}}<!-- -->{{#vardefineecho:_pagename2en_cache:{{#dplvar:tr:lang}}:{{#var:trpagename}}|<!-- -->{{#var:_output|<!-- // loading glossary database, only do once per page. -->{{#if:{{#dplvar:_revtr-{{#dplvar:tr:lang}}-loaded}}||<!-- -->{{#vardefine:_|{{pagename2en/db-{{#dplvar:tr:lang}}}}}}<!-- hide error for non-exist db. -->{{#dplvar:set|_revtr-{{#dplvar:tr:lang}}-loaded|OK}}<!-- -->}}<!-- -->{{#or:{{#dplvar:_revtr-{{#dplvar:tr:lang}}:{{#var:trpagename}}}}|{{#var:trpagename}}}}<!-- varname example: _revtr-it:Fish -->}}<!-- -->}}<!-- -->}}<!-- --></includeonly><noinclude>{{doc}} [[category:Templates]] </noinclude> 2c5dbf5dd583497c56801bd918487a1de46e4a64 0 325 384 2025-07-13T07:56:55Z Squeaker 434557 Created page with "{{npc infobox | imagealt = [[File:NPC - Monstrocity.gif]] | type = NPC | ai = Passive | life = 250<br/>5000 <small>post-[[tgc:Moon Lord|Moon Lord]]</small> | defense = 15<br/>50 <small>post-[[tgc:Moon Lord|Moon Lord]]</small> | knockback = 50 | damage = 500 | image2 = Map Icon Monstrocity.png | image2caption = Map Icon }} The '''Monstrocity''' is an [[tgc:NPC|NPC]] vendor that will spawn once the following conditions have been met: * There is an empty house. * The worl..." wikitext text/x-wiki {{npc infobox | imagealt = [[File:NPC - Monstrocity.gif]] | type = NPC | ai = Passive | life = 250<br/>5000 <small>post-[[tgc:Moon Lord|Moon Lord]]</small> | defense = 15<br/>50 <small>post-[[tgc:Moon Lord|Moon Lord]]</small> | knockback = 50 | damage = 500 | image2 = Map Icon Monstrocity.png | image2caption = Map Icon }} The '''Monstrocity''' is an [[tgc:NPC|NPC]] vendor that will spawn once the following conditions have been met: * There is an empty house. * The world is in [[tgc:Hardmode|Hardmode]]. * The world is in [[fgm:Eternity mode|Eternity Mode]]. Monstrocity does not attack any enemies and thus cannot defend itself. == Items sold == {{inventory |Agitating Lens|{{gc|5}}| |Slimy Shield|{{gc|5}}|After defeating [[fgm:King Slime|King Slime]]. |Gutted Heart|{{gc|10}}|After defeating [[fgm:Brain of Cthulhu|Brain of Cthulhu]]. |The Queen's Stinger|{{gc|15}}|After defeating [[fgm:Queen Bee|Queen Bee]]. |Necromantic Brew|{{gc|15}}|After defeating [[fgm:Skeletron|Skeletron]]. |Remote Control|{{gc|20}}|After defeating [[fgm:The Destroyer|The Destroyer]]. |Fused Lens|{{gc|20}}|After defeating [[fgm:The Twins|The Twins]]. |Reinforced Plating|{{gc|20}}|After defeating [[fgm:Skeletron Prime|Skeletron Prime]]. |Magical Bulb|{{gc|30}}|After defeating [[fgm:Plantera|Plantera]]. |Lihzahrd Treasure Box|{{gc|30}}|After defeating [[fgm:Golem|Golem]]. |Mutant Antibodies|{{gc|35}}|After defeating [[fgm:Duke Fishron|Duke Fishron]]. |Chalice of the Moon|{{gc|40}}|After defeating [[fgm:Moon Lord|Moon Lord]]. }} == Living preferences == The Monstrocity has no living preference. == Names == The Monstrocity can have the following names: * Fardus * Sussyus * Hatin * Atrocity * Weirdgeddon * Chiper * Noel * Zeycir * Bigus * Spoinkers * La creatura * Entity666 * Herobrine * Yyret * Wargofilwta * Bussy * Senpai * TheLorde * Bakarim * Apotheosis * Sadus * Spamton == Quotes == === Chat Quotes === {{Collapse top}} * "Mutant? he is not the strongest one out of we y'all here" {{sic}} * "Yharim? that huge army maybe it's just huge to disguise something small" {{sic}} * "Soul of eternity is not enough to face me, let alone 10 of it" {{sic}} * "Why would i be afraid of a cat? even more than one who has no body" {{sic}} * "Devourer of Gods don't come face me because I'm above god's standard" {{sic}} * "It would be a calamity for you not to buy my products" {{sic}} * "how old am i? I'm some Eternity years old" {{sic}} * "When abomination went to register at the registry office they put an extra 'N' in his name" {{sic}} * "You don't want to see me in boss form" {{sic}} * "My creator? Don't mention it if you don't want to see me angry" {{sic}} * "I'm the reason why Seth got his face covered with that bandana" {{sic}} * "1.4? maybe in a few years" {{sic}} * "there's an imposter among us, he's me! I don't really belong anywhere" {{sic}} * "Galactica has a friend of mine, you should visit him" {{sic}} * "I heard rumors about a creature with 'Ex' in its name, that doesn't sound so good" {{sic}} * "Deviantt likes my look" {{sic}} * "I am the real evil presence that watches you" {{sic}} * Split me? nah that would be a calamity , imagine if some Elements awoken from my dead body, that would be a cataclysm, and this world would not be worthy to witness this" {{sic}} * "you are in a deep sleep for 52 years, please wake up" {{sic}} * "I heard about Whips, they boost your damage, I don't like it." {{sic}} * "Why don't I attack? Ah that's a nice question, I don't think it's necessary." {{sic}} * "My hp is limited to this world, but i would prob get 22^22^22^22 times this" {{sic}} * "Eternity doesn't last that long when you are old enough. " {{sic}} * "MonsterMadHouse scares me." * "Sunflowers are cool, not for your health tho" {{sic}} * "Turip ip ip ip" * "Are you approaching me? Can't but my stuff if you don't get closer " {{sic}} * "There is a pipe bomb inside your walls" {{sic}} * "A lot of things explode for no reason" {{sic}} * "Megalovania isn't funny" {{sic}} * "I may be in love with the Forbotten one, don't search her up on Google please" {{sic}} * "Did you know that market got inflated prices bc of some sonic books? Don't trust me? Search up Sonic inflation on google to learn more ab it!" {{sic}} * "Pingas" {{sic}} * "Yippe!" {{sic}} * "You know the rules! And you will die. Im not going to rickroll you, that's only 0,00001% chance" {{sic}} {{Collapse bottom}} === Happiness quotes === {{Collapse top}} '''When homeless:''' * "I hate not having a home." '''When neutral:''' * "I am content." '''When far from home:''' * "I am too far from home." '''When in a sparse area:''' * "I love having so much space." '''When overcrowded:''' * "I dislike how crowded I am." * "I hate how crowded I am." '''When near the [[Princess]]:''' * "I like <Name of Princess>." {{collapse bottom}} == Trivia == *The Monstrocity's design is based on several drops and enemies from the [[clm:|Calamity Mod]]. **Its head is likely based on [[clm:The Plaguebringer Goliath|The Plaguebringer Goliath]]. **Its fangs are that of [[clm:Polterghast|Polterghast]]. **Its left arm is based on [[clm:The Slime God|The Slime God]]. **Its right arm is potentially based on the [[clm:The Old Duke|The Old Duke]]. ***This is unconfirmed. **Its torso is that of [[clm:The Devourer of Gods|The Devourer of Gods]]. **It wears [[clm:Yharon|Yharon's]] wings. **His left and right legs are likely based on the [[clm:Acid Rain|Acid Rain]] event and the [[clm:Ravager|Ravager]], respectively. *The name "Weirdgeddon" is likely a reference to Gravity Falls' "Weirdmageddon". *The names "Zeycir" and "Yyret", are flipped spellings of "Ricyez", the creator of the mod, and "Terry", one of the lead developers of the [[fgm:|Fargo's Mods]]. *The name "Wargofilwta" is a comedic rearrangement of "Fargowilta", one of the lead developers of the [[fgm:|Fargo's Mods]]. **The name has an additional "w", though this is likely intentional. *Several of the Monstrocity's names are references to creepypastas/internet horror. *The quote "Pingas" is a reference to Dr. Robotnik in Adventures of Sonic the Hedgehog, where his quote "Snooping as usual, I see?" was trimmed to simply "Pingas", which pervaded early YouTube. *The quote about "Sonic Inflation" is based on an internet meme that encourages users to look up mature content by masquerading the topic as an innocent factoid. **It is very much '''NOT''' encouraged to look this up. *Ricyez has confirmed that Monstrocity's pronouns are La/ruga, which is based on a Calamity fan theory about a Godseeker Mode [[tgc:Bosses#Event Bosses|mini boss]] that rarely spawns in the fourth layer of the [[clm:Abyss|Abyss]]. <!-- {{Bestiary}} --!> == History == To be announced. <!-- {{Satanist Mode Content | show-main = yes | show-npcs = yes }} --!> cf5f3d592fb85f5adfed4c718cdd52f70c167897 385 384 2025-07-13T08:00:17Z Squeaker 434557 wikitext text/x-wiki {{npc infobox | imagealt = [[File:NPC - Monstrocity.gif]] | type = NPC | ai = Passive | life = 250<br/>5000 <small>post-[[tgc:Moon Lord|Moon Lord]]</small> | defense = 15<br/>50 <small>post-[[tgc:Moon Lord|Moon Lord]]</small> | knockback = 50 | damage = 500 | image2 = Map Icon Monstrocity.png | image2caption = Map Icon }} The '''Monstrocity''' is an [[tgc:NPC|NPC]] vendor that will spawn once the following conditions have been met: * There is an empty house. * The world is in [[tgc:Hardmode|Hardmode]]. * The world is in [[fgm:Eternity mode|Eternity Mode]]. Monstrocity does not attack any enemies and thus cannot defend itself. == Items sold == {{inventory |Agitating Lens|{{gc|5}}| |Slimy Shield|{{gc|5}}|After defeating [[fgm:King Slime|King Slime]]. |Gutted Heart|{{gc|10}}|After defeating [[fgm:Brain of Cthulhu|Brain of Cthulhu]]. |The Queen's Stinger|{{gc|15}}|After defeating [[fgm:Queen Bee|Queen Bee]]. |Necromantic Brew|{{gc|15}}|After defeating [[fgm:Skeletron|Skeletron]]. |Remote Control|{{gc|20}}|After defeating [[fgm:The Destroyer|The Destroyer]]. |Fused Lens|{{gc|20}}|After defeating [[fgm:The Twins|The Twins]]. |Reinforced Plating|{{gc|20}}|After defeating [[fgm:Skeletron Prime|Skeletron Prime]]. |Magical Bulb|{{gc|30}}|After defeating [[fgm:Plantera|Plantera]]. |Lihzahrd Treasure Box|{{gc|30}}|After defeating [[fgm:Golem|Golem]]. |Mutant Antibodies|{{gc|35}}|After defeating [[fgm:Duke Fishron|Duke Fishron]]. |Chalice of the Moon|{{gc|40}}|After defeating [[fgm:Moon Lord|Moon Lord]]. }} == Living preferences == The Monstrocity has no living preference. == Names == The Monstrocity can have the following names: * Fardus * Sussyus * Hatin * Atrocity * Weirdgeddon * Chiper * Noel * Zeycir * Bigus * Spoinkers * La creatura * Entity666 * Herobrine * Yyret * Wargofilwta * Bussy * Senpai * TheLorde * Bakarim * Apotheosis * Sadus * Spamton == Quotes == === Chat Quotes === {{Collapse top}} * "Mutant? he is not the strongest one out of we y'all here" {{sic}} * "Yharim? that huge army maybe it's just huge to disguise something small" {{sic}} * "Soul of eternity is not enough to face me, let alone 10 of it" {{sic}} * "Why would i be afraid of a cat? even more than one who has no body" {{sic}} * "Devourer of Gods don't come face me because I'm above god's standard" {{sic}} * "It would be a calamity for you not to buy my products" {{sic}} * "how old am i? I'm some Eternity years old" {{sic}} * "When abomination went to register at the registry office they put an extra 'N' in his name" {{sic}} * "You don't want to see me in boss form" {{sic}} * "My creator? Don't mention it if you don't want to see me angry" {{sic}} * "I'm the reason why Seth got his face covered with that bandana" {{sic}} * "1.4? maybe in a few years" {{sic}} * "there's an imposter among us, he's me! I don't really belong anywhere" {{sic}} * "Galactica has a friend of mine, you should visit him" {{sic}} * "I heard rumors about a creature with 'Ex' in its name, that doesn't sound so good" {{sic}} * "Deviantt likes my look" {{sic}} * "I am the real evil presence that watches you" {{sic}} * Split me? nah that would be a calamity , imagine if some Elements awoken from my dead body, that would be a cataclysm, and this world would not be worthy to witness this" {{sic}} * "you are in a deep sleep for 52 years, please wake up" {{sic}} * "I heard about Whips, they boost your damage, I don't like it." {{sic}} * "Why don't I attack? Ah that's a nice question, I don't think it's necessary." {{sic}} * "My hp is limited to this world, but i would prob get 22^22^22^22 times this" {{sic}} * "Eternity doesn't last that long when you are old enough. " {{sic}} * "MonsterMadHouse scares me." * "Sunflowers are cool, not for your health tho" {{sic}} * "Turip ip ip ip" * "Are you approaching me? Can't but my stuff if you don't get closer " {{sic}} * "There is a pipe bomb inside your walls" {{sic}} * "A lot of things explode for no reason" {{sic}} * "Megalovania isn't funny" {{sic}} * "I may be in love with the Forbotten one, don't search her up on Google please" {{sic}} * "Did you know that market got inflated prices bc of some sonic books? Don't trust me? Search up Sonic inflation on google to learn more ab it!" {{sic}} * "Pingas" {{sic}} * "Yippe!" {{sic}} * "You know the rules! And you will die. Im not going to rickroll you, that's only 0,00001% chance" {{sic}} {{Collapse bottom}} === Happiness quotes === {{Collapse top}} '''When homeless:''' * "I hate not having a home." '''When neutral:''' * "I am content." '''When far from home:''' * "I am too far from home." '''When in a sparse area:''' * "I love having so much space." '''When overcrowded:''' * "I dislike how crowded I am." * "I hate how crowded I am." '''When near the [[Princess]]:''' * "I like <Name of Princess>." {{collapse bottom}} == Notes == * The Monstrocity's shop is very broken, with recent testing only yielding two items being displayed. ** Additionally, several [[fgm:Eternity Mode|Eternity Mode]] accessories are notably absent from the list. == Trivia == *The Monstrocity's design is based on several drops and enemies from the [[clm:|Calamity Mod]]. **Its head is likely based on [[clm:The Plaguebringer Goliath|The Plaguebringer Goliath]]. **Its fangs are that of [[clm:Polterghast|Polterghast]]. **Its left arm is based on [[clm:The Slime God|The Slime God]]. **Its right arm is potentially based on the [[clm:The Old Duke|The Old Duke]]. ***This is unconfirmed. **Its torso is that of [[clm:The Devourer of Gods|The Devourer of Gods]]. **It wears [[clm:Yharon|Yharon's]] wings. **His left and right legs are likely based on the [[clm:Acid Rain|Acid Rain]] event and the [[clm:Ravager|Ravager]], respectively. *The name "Weirdgeddon" is likely a reference to Gravity Falls' "Weirdmageddon". *The names "Zeycir" and "Yyret", are flipped spellings of "Ricyez", the creator of the mod, and "Terry", one of the lead developers of the [[fgm:|Fargo's Mods]]. *The name "Wargofilwta" is a comedic rearrangement of "Fargowilta", one of the lead developers of the [[fgm:|Fargo's Mods]]. **The name has an additional "w", though this is likely intentional. *Several of the Monstrocity's names are references to creepypastas/internet horror. *The quote "Pingas" is a reference to Dr. Robotnik in Adventures of Sonic the Hedgehog, where his quote "Snooping as usual, I see?" was trimmed to simply "Pingas", which pervaded early YouTube. *The quote about "Sonic Inflation" is based on an internet meme that encourages users to look up mature content by masquerading the topic as an innocent factoid. **It is very much '''NOT''' encouraged to look this up. *Ricyez has confirmed that Monstrocity's pronouns are La/ruga, which is based on a Calamity fan theory about a Godseeker Mode [[tgc:Bosses#Event Bosses|mini boss]] that rarely spawns in the fourth layer of the [[clm:Abyss|Abyss]]. <!-- {{Bestiary}} --!> == History == To be announced. <!-- {{Satanist Mode Content | show-main = yes | show-npcs = yes }} --!> af30ea0ad3aa46eebf1c1eab65a2b0c83ebcbe08 387 385 2025-07-13T08:05:29Z Squeaker 434557 hotel trivago get it! wikitext text/x-wiki {{npc infobox | imagealt = [[File:NPC - Monstrocity.gif]] | type = NPC | ai = Passive | life = 250<br/>5000 <small>post-[[tgc:Moon Lord|Moon Lord]]</small> | defense = 15<br/>50 <small>post-[[tgc:Moon Lord|Moon Lord]]</small> | knockback = 50 | damage = 500 | image2 = Map Icon Monstrocity.png | image2caption = Map Icon }} The '''Monstrocity''' is an [[tgc:NPC|NPC]] vendor that will spawn once the following conditions have been met: * There is an empty house. * The world is in [[tgc:Hardmode|Hardmode]]. * The world is in [[fgm:Eternity mode|Eternity Mode]]. Monstrocity does not attack any enemies and thus cannot defend itself. == Items sold == {{inventory |Agitating Lens|{{gc|5}}| |Slimy Shield|{{gc|5}}|After defeating [[fgm:King Slime|King Slime]]. |Gutted Heart|{{gc|10}}|After defeating [[fgm:Brain of Cthulhu|Brain of Cthulhu]]. |The Queen's Stinger|{{gc|15}}|After defeating [[fgm:Queen Bee|Queen Bee]]. |Necromantic Brew|{{gc|15}}|After defeating [[fgm:Skeletron|Skeletron]]. |Remote Control|{{gc|20}}|After defeating [[fgm:The Destroyer|The Destroyer]]. |Fused Lens|{{gc|20}}|After defeating [[fgm:The Twins|The Twins]]. |Reinforced Plating|{{gc|20}}|After defeating [[fgm:Skeletron Prime|Skeletron Prime]]. |Magical Bulb|{{gc|30}}|After defeating [[fgm:Plantera|Plantera]]. |Lihzahrd Treasure Box|{{gc|30}}|After defeating [[fgm:Golem|Golem]]. |Mutant Antibodies|{{gc|35}}|After defeating [[fgm:Duke Fishron|Duke Fishron]]. |Chalice of the Moon|{{gc|40}}|After defeating [[fgm:Moon Lord|Moon Lord]]. }} == Living preferences == The Monstrocity has no living preference. == Names == The Monstrocity can have the following names: * Fardus * Sussyus * Hatin * Atrocity * Weirdgeddon * Chiper * Noel * Zeycir * Bigus * Spoinkers * La creatura * Entity666 * Herobrine * Yyret * Wargofilwta * Bussy * Senpai * TheLorde * Bakarim * Apotheosis * Sadus * Spamton == Quotes == === Chat Quotes === {{Collapse top}} * "Mutant? he is not the strongest one out of we y'all here" {{sic}} * "Yharim? that huge army maybe it's just huge to disguise something small" {{sic}} * "Soul of eternity is not enough to face me, let alone 10 of it" {{sic}} * "Why would i be afraid of a cat? even more than one who has no body" {{sic}} * "Devourer of Gods don't come face me because I'm above god's standard" {{sic}} * "It would be a calamity for you not to buy my products" {{sic}} * "how old am i? I'm some Eternity years old" {{sic}} * "When abomination went to register at the registry office they put an extra 'N' in his name" {{sic}} * "You don't want to see me in boss form" {{sic}} * "My creator? Don't mention it if you don't want to see me angry" {{sic}} * "I'm the reason why Seth got his face covered with that bandana" {{sic}} * "1.4? maybe in a few years" {{sic}} * "there's an imposter among us, he's me! I don't really belong anywhere" {{sic}} * "Galactica has a friend of mine, you should visit him" {{sic}} * "I heard rumors about a creature with 'Ex' in its name, that doesn't sound so good" {{sic}} * "Deviantt likes my look" {{sic}} * "I am the real evil presence that watches you" {{sic}} * Split me? nah that would be a calamity , imagine if some Elements awoken from my dead body, that would be a cataclysm, and this world would not be worthy to witness this" {{sic}} * "you are in a deep sleep for 52 years, please wake up" {{sic}} * "I heard about Whips, they boost your damage, I don't like it." {{sic}} * "Why don't I attack? Ah that's a nice question, I don't think it's necessary." {{sic}} * "My hp is limited to this world, but i would prob get 22^22^22^22 times this" {{sic}} * "Eternity doesn't last that long when you are old enough. " {{sic}} * "MonsterMadHouse scares me." * "Sunflowers are cool, not for your health tho" {{sic}} * "Turip ip ip ip" * "Are you approaching me? Can't but my stuff if you don't get closer " {{sic}} * "There is a pipe bomb inside your walls" {{sic}} * "A lot of things explode for no reason" {{sic}} * "Megalovania isn't funny" {{sic}} * "I may be in love with the Forbotten one, don't search her up on Google please" {{sic}} * "Did you know that market got inflated prices bc of some sonic books? Don't trust me? Search up Sonic inflation on google to learn more ab it!" {{sic}} * "Pingas" {{sic}} * "Yippe!" {{sic}} * "You know the rules! And you will die. Im not going to rickroll you, that's only 0,00001% chance" {{sic}} {{Collapse bottom}} === Happiness quotes === {{Collapse top}} '''When homeless:''' * "I hate not having a home." '''When neutral:''' * "I am content." '''When far from home:''' * "I am too far from home." '''When in a sparse area:''' * "I love having so much space." '''When overcrowded:''' * "I dislike how crowded I am." * "I hate how crowded I am." '''When near the [[Princess]]:''' * "I like <Name of Princess>." {{collapse bottom}} == Notes == * The Monstrocity's shop is very broken, with recent testing only yielding two items being displayed. ** Additionally, several [[fgm:Eternity Mode|Eternity Mode]] accessories are notably absent from the list. == Trivia == *The Monstrocity's design is based on several drops and enemies from the [[clm:|Calamity Mod]]. **Its head is likely based on [[clm:The Plaguebringer Goliath|The Plaguebringer Goliath]]. **Its fangs are that of [[clm:Polterghast|Polterghast]]. **Its left arm is based on [[clm:The Slime God|The Slime God]]. **Its right arm is potentially based on the [[clm:The Old Duke|The Old Duke]]. ***This is unconfirmed. **Its torso is that of [[clm:The Devourer of Gods|The Devourer of Gods]]. **It wears [[clm:Yharon|Yharon's]] wings. **His left and right legs are likely based on the [[clm:Acid Rain|Acid Rain]] event and the [[clm:Ravager|Ravager]], respectively. *The name "Weirdgeddon" is likely a reference to Gravity Falls' "Weirdmageddon". *The names "Zeycir" and "Yyret", are flipped spellings of "Ricyez", the creator of the mod, and "Terry", one of the lead developers of the [[fgm:|Fargo's Mods]]. *The name "Wargofilwta" is a comedic rearrangement of "Fargowilta", one of the lead developers of the [[fgm:|Fargo's Mods]]. **The name has an additional "w", though this is likely intentional. *Several of the Monstrocity's names are references to creepypastas/internet horror. *The quote "Pingas" is a reference to Dr. Robotnik in Adventures of Sonic the Hedgehog, where his quote "Snooping as usual, I see?" was trimmed to simply "Pingas", which pervaded early YouTube. *The quote about "Sonic Inflation" is based on an internet meme that encourages users to look up mature content by masquerading the topic as an innocent factoid. **It is very much '''NOT''' encouraged to look this up. *Ricyez has confirmed that Monstrocity's pronouns are La/ruga, which is based on a Calamity fan theory about a Godseeker Mode [[tgc:Bosses#Event Bosses|mini boss]] that rarely spawns in the fourth layer of the [[clm:Abyss|Abyss]]. *The NPC was coded by "smh my head", one of the Fargo's Mods sever moderators. *The original sprite sheet came from "Vades Op Sword Mod", which was a meme mod in 1.3. <!-- {{Bestiary}} --!> == History == To be announced. <!-- {{Satanist Mode Content | show-main = yes | show-npcs = yes }} --!> da3fdd15cb2157dc8975e43899cda9a89b9a5587 2 326 386 2025-07-13T08:03:21Z Squeaker 434557 Created page with "I'm Squeaker, the owner of the Satanist Mode Wiki honestly it's a real heaping pile of shit but if you need something done feel free to ask in the [https://discord.gg/fargo Fargo's Server], but please make sure to not put it in the wiki channel" wikitext text/x-wiki I'm Squeaker, the owner of the Satanist Mode Wiki honestly it's a real heaping pile of shit but if you need something done feel free to ask in the [https://discord.gg/fargo Fargo's Server], but please make sure to not put it in the wiki channel 9a27983d2c8871b16d88b8763e2113b92355eb46 0 327 388 2025-07-13T23:12:07Z Squeaker 434557 Redirected page to [[fgm:Agitating Lens]] wikitext text/x-wiki #REDIRECT [[fgm:Agitating Lens]] 320b8d7e31ab3a0e0bc379635654d702bef62aaf 0 328 389 2025-07-13T23:12:18Z Squeaker 434557 Redirected page to [[fgm:Slimy Shield]] wikitext text/x-wiki #REDIRECT [[fgm:Slimy Shield]] dbef90ffac3a01477596f95a853b5de67ff361c8 0 329 390 2025-07-13T23:12:32Z Squeaker 434557 Redirected page to [[fgm:Gutted Heart]] wikitext text/x-wiki #REDIRECT [[fgm:Gutted Heart]] 97647a95d3d694cb952dcca94eddc5a7730eefcb 0 330 391 2025-07-13T23:12:48Z Squeaker 434557 Redirected page to [[fgm:The Queen's Stinger]] wikitext text/x-wiki #REDIRECT [[fgm:The Queen's Stinger]] 58b4207c700f719414db5a72f572a2655cce37ca 0 331 392 2025-07-13T23:13:23Z Squeaker 434557 Redirected page to [[fgm:Necromantic Brew]] wikitext text/x-wiki #REDIRECT [[fgm:Necromantic Brew]] 39e24ddea353d77c757ffd785ada681f9a6f45cb 0 332 393 2025-07-13T23:13:31Z Squeaker 434557 Redirected page to [[fgm:Remote Control]] wikitext text/x-wiki #REDIRECT [[fgm:Remote Control]] 8fd233992208f81d3fcd71d56db1fa66659d155f 0 333 394 2025-07-13T23:13:39Z Squeaker 434557 Redirected page to [[fgm:Fused Lens]] wikitext text/x-wiki #REDIRECT [[fgm:Fused Lens]] 349a2169c61d3cb771eb60f201fc7d0b3ff8a796 0 334 395 2025-07-13T23:13:49Z Squeaker 434557 Redirected page to [[fgm:Reinforced Plating]] wikitext text/x-wiki #REDIRECT [[fgm:Reinforced Plating]] 72e7ad6c8204c712f7a2ef4300d2a800b0fe4e93 0 335 396 2025-07-13T23:13:59Z Squeaker 434557 Redirected page to [[fgm:Magical Bulb]] wikitext text/x-wiki #REDIRECT [[fgm:Magical Bulb]] 7e561791f11a3fbe86a6c419dba288514a3e077c 0 336 397 2025-07-13T23:14:13Z Squeaker 434557 Redirected page to [[fgm:Lihzahrd Treasure Box]] wikitext text/x-wiki #REDIRECT [[fgm:Lihzahrd Treasure Box]] 3f038f8f90aaf96da76581e85b08d93eeff39b4f 0 337 398 2025-07-13T23:14:21Z Squeaker 434557 Redirected page to [[fgm:Mutant Antibodies]] wikitext text/x-wiki #REDIRECT [[fgm:Mutant Antibodies]] 468bbc396e4053fc998f8cbb8057828d45cd1134 0 338 399 2025-07-13T23:14:32Z Squeaker 434557 Redirected page to [[fgm:Chalice of the Moon]] wikitext text/x-wiki #REDIRECT [[fgm:Chalice of the Moon]] 2bfaa8dd089e52d892f3f9dae45ab0f9fd98d055 10 339 400 2025-07-14T00:18:19Z Squeaker 434557 Created page with "{{flexstart|{{#if:{{{inline|}}}|inline}}<!-- -->|wrap={{{wrap|}}}<!-- -->|direction={{{direction|column}}}<!-- -->|justify={{{justify|}}}<!-- -->|alignitems={{{alignitems|}}}<!-- -->|alignlines={{{alignlines|}}}<!-- -->|width={{{width|}}}<!-- -->|height={{{height|}}}<!-- -->|css={{{css|}}}<!-- -->|style={{{style|}}}<!-- -->|cssclass=infobox-wrapper float-{{{float|right}}} direction-{{{direction|column}}} {{{cssclass|}}}<!-- -->|id={{{id|}..." wikitext text/x-wiki {{flexstart|{{#if:{{{inline|}}}|inline}}<!-- -->|wrap={{{wrap|}}}<!-- -->|direction={{{direction|column}}}<!-- -->|justify={{{justify|}}}<!-- -->|alignitems={{{alignitems|}}}<!-- -->|alignlines={{{alignlines|}}}<!-- -->|width={{{width|}}}<!-- -->|height={{{height|}}}<!-- -->|css={{{css|}}}<!-- -->|style={{{style|}}}<!-- -->|cssclass=infobox-wrapper float-{{{float|right}}} direction-{{{direction|column}}} {{{cssclass|}}}<!-- -->|id={{{id|}}}<!-- -->}}<!-- -->{{#if:{{{2|}}}|<!-- -->{{#fornumargs:_|_v|<div>{{#var:_v}}</div>}}<!-- -->|<!-- -->{{{1|}}}<!-- -->}}<!-- -->{{flexend}}<noinclude>{{doc}}</noinclude> d53076ad8095613f03d98235c148a49b138ec283 10 340 401 2025-07-14T00:18:32Z Squeaker 434557 Created page with "<includeonly></div></includeonly><noinclude>Internal template. See [[Template:Flexbox]] for documentation.[[Category:Flexbox templates]]</noinclude>" wikitext text/x-wiki <includeonly></div></includeonly><noinclude>Internal template. See [[Template:Flexbox]] for documentation.[[Category:Flexbox templates]]</noinclude> d333975245e7a995b832e30a1b4b8f3b5cf401c1 10 341 402 2025-07-14T00:18:41Z Squeaker 434557 Created page with "<includeonly><div style="<!-- ======= type: flexbox and/or flexitem ======= //parameter: {{{1}}}, 'item' for flexitem only (not a flexbox); 'inline' or 'inlinebox' for inline-flexbox; other values for flexbox -->{{#switch:{{{1|}}}<!-- -->|inlinebox|inline=display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;<!-- -->|item=<!-- need nothing -->|#default=display:-webkit-box;display:-webkit-fle..." wikitext text/x-wiki <includeonly><div style="<!-- ======= type: flexbox and/or flexitem ======= //parameter: {{{1}}}, 'item' for flexitem only (not a flexbox); 'inline' or 'inlinebox' for inline-flexbox; other values for flexbox -->{{#switch:{{{1|}}}<!-- -->|inlinebox|inline=display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;<!-- -->|item=<!-- need nothing -->|#default=display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;<!-- -->}}<!-- ======= parameters for flexbox ======= -->{{#ifeq:{{{1}}}|item||<!-- only if $type != item //parameter: wrap, default value is 'wrap' -->{{#switch:{{{wrap|}}}<!-- -->|no|nowrap=-ms-flex-wrap:none;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;flex-wrap:nowrap;<!-- -->|#default=-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;<!-- -->}}<!-- //paramter: direction, no need to set up default, just left blank to use css default. -->{{#switch:{{{direction|}}}<!-- -->|=<!-- Only if explicitly specified -->|row-reverse=-webkit-box-direction:reverse;-webkit-box-orient:horizontal;-moz-box-direction:reverse;-moz-box-orient:horizontal;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;<!-- -->|column=-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;<!-- -->|column-reverse=-webkit-box-direction:reverse;-webkit-box-orient:vertical;-moz-box-direction:reverse;-moz-box-orient:vertical;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;<!-- -->|#default=-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-direction:normal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;<!-- -->}}<!-- //paramter: justify, no need to set up default, just left blank to use css default. -->{{#switch:{{{justify|}}}|<!-- -->|=<!-- Only if explicitly specified -->|left|flex-start=-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;<!-- -->|right|flex-end=-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end;<!-- -->|justified|space-between=-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;<!-- -->|space-around=-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;<!-- -->|#default=-webkit-box-pack:{{{justify|}}};-ms-flex-pack:{{{justify|}}};-webkit-justify-content:{{{justify|}}};-moz-justify-content:{{{justify|}}};justify-content:{{{justify|}}};<!-- -->}}<!-- //paramter: alignitems, no need to set up default, just left blank to use css default. -->{{#switch:{{{alignitems|}}}<!-- -->|=<!-- Only if explicitly specified -->|top|flex-start=-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start;<!-- -->|bottom|flex-end=-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;-moz-align-items:flex-end;align-items:flex-end;<!-- -->|middle=-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;<!-- -->|#default=-webkit-box-align:{{{alignitems|}}};-ms-flex-align:{{{alignitems|}}};-webkit-align-items:{{{alignitems|}}};-moz-align-items:{{{alignitems|}}};align-items:{{{alignitems|}}};<!-- -->}}<!-- //paramter: alignlines, no need to set up default, just left blank to use css default. -->{{#switch:{{{alignlines|}}}<!-- -->|=<!-- Only if explicitly specified -->|top|flex-start=-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;<!-- -->|bottom|flex-end=-webkit-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end;<!-- -->|justified|space-between=-webkit-align-content:space-between;-ms-flex-line-pack:space-between;align-content:space-between;<!-- -->|#default=-webkit-align-content:{{{alignlines|}}};-ms-flex-line-pack:{{{alignlines|}}};align-content:{{{alignlines|}}};<!-- -->}}<!-- -->}}<!-- end if $type != item ======= parameters for flexitem ======= //parameter: order -->{{#if:{{{order|}}}|<!-- -->-webkit-box-ordinal-group:{{#expr:{{{order|}}}+1}};-webkit-order:{{{order|}}};-moz-order:{{{order|}}};-ms-flex-order:{{{order|}}};order:{{{order|}}};<!-- -->}}<!-- //parameter: grow -->{{#if:{{{grow|}}}|<!-- -->-webkit-box-flex:{{{grow|}}};-webkit-flex-grow:{{{grow|}}};-moz-flex-grow:{{{grow|}}};-ms-flex-positive:{{{grow|}}};flex-grow:{{{grow|}}};<!-- -->}}<!-- //parameter: shrink -->{{#if:{{{shrink|}}}|<!-- -->-webkit-flex-shrink:{{{shrink|}}};-moz-flex-shrink:{{{shrink|}}};-ms-flex-negative:{{{shrink|}}};flex-shrink:{{{shrink|}}};<!-- -->}}<!-- //parameter: basis -->{{#if:{{{basis|}}}|<!-- -->-webkit-flex-basis:{{{basis|}}};-moz-flex-basis:{{{basis|}}};-ms-flex-preferred-size:{{{basis|}}};flex-basis:{{{basis|}}};<!-- -->}}<!-- //paramter: alignself, no need to set up default, just left blank to use css default. -->{{#switch:{{{alignself|}}}<!-- -->|=<!-- Only if explicitly specified -->|top|flex-start=-ms-flex-item-align:end;-webkit-align-self:flex-start;-moz-align-self:flex-start;align-self:flex-start;<!-- -->|bottom|flex-end=-ms-flex-item-align:end;-webkit-align-self:flex-end;-moz-align-self:flex-end;align-self:flex-end;<!-- -->|middle=-ms-flex-item-align:center;-webkit-align-self:center;-moz-align-self:center;align-self:center;<!-- -->|#default=-ms-flex-item-align:{{{alignself|}}};-webkit-align-self:{{{alignself|}}};-moz-align-self:{{{alignself|}}};align-self:{{{alignself|}}};<!-- -->}}<!-- ======= parameters for general css property or html attribute ======= //parameter: width -->{{#if:{{{width|}}}|width:{{{width|}}};}}<!-- //parameter: height -->{{#if:{{{height|}}}|height:{{{height|}}};}}<!-- //paramter: css / style -->{{#if:{{{css|{{{style|}}}}}}|{{{css|{{{style|}}}}}};}}<!-- //parameter: class arrtibute -->"{{#if:{{{cssclass|{{{class|}}}}}}|<nowiki/> class="{{{cssclass|{{{class|}}}}}}"}}<!-- //parameter: id arrtibute -->{{#if:{{{id|}}}|<nowiki/> id="{{{id|}}}"}}<!-- ending tag-->></includeonly><noinclude>Internal template. See [[Template:Flexbox]] for documentation.[[Category:Flexbox templates]]</noinclude> 71ce21b3f9e194531100b9c1c906ed6464f0fa05 10 342 403 2025-07-14T00:18:56Z Squeaker 434557 Created page with "{{flexstart|{{#if:{{{inline|}}}|inline}}<!-- -->|wrap={{{wrap|}}}<!-- -->|direction={{{direction|}}}<!-- -->|justify={{{justify|}}}<!-- -->|alignitems={{{alignitems|}}}<!-- -->|alignlines={{{alignlines|}}}<!-- -->|width={{{width|}}}<!-- -->|height={{{height|}}}<!-- -->|css={{{css|}}}<!-- -->|style={{{style|}}}<!-- -->|cssclass={{{cssclass|{{{class|}}}}}}<!-- -->|id={{{id|}}}<!-- -->}}<!-- -->{{#fornumargs:_|v|{{#var:v}}}}<!-- -->{{fl..." wikitext text/x-wiki {{flexstart|{{#if:{{{inline|}}}|inline}}<!-- -->|wrap={{{wrap|}}}<!-- -->|direction={{{direction|}}}<!-- -->|justify={{{justify|}}}<!-- -->|alignitems={{{alignitems|}}}<!-- -->|alignlines={{{alignlines|}}}<!-- -->|width={{{width|}}}<!-- -->|height={{{height|}}}<!-- -->|css={{{css|}}}<!-- -->|style={{{style|}}}<!-- -->|cssclass={{{cssclass|{{{class|}}}}}}<!-- -->|id={{{id|}}}<!-- -->}}<!-- -->{{#fornumargs:_|v|{{#var:v}}}}<!-- -->{{flexend}}<noinclude>{{doc}}</noinclude> 84736726cb614155aa1679e3b8ea9aa5a1f3e7a9 10 343 404 2025-07-14T00:19:16Z Squeaker 434557 Created page with "<includeonly><!-- -->{{#arraydefine:bi:items|{{#fornumargs:|v|{{#var:v}}@@}}|@@}}<!-- -->{{#arrayunique:bi:items}}<!-- -->{{#vardefine:bi:show_ids|{{bool|{{{showid|1}}}}}}}<!-- -->{{#vardefine:bi:cate|<!-- -->{{#if:{{#var:bi:type}}|{{#if:{{bool|{{{nocat|}}}}}||<!-- -->[[Category:{{#var:bi:type}}s]]<!-- -->}}}}<!-- -->}}<!-- // start output --><infobox type="buff"><!-- --><title source="name"><!-- --><default>{{BASEPAGENAME}}</default><!-- --></title><!-- --><..." wikitext text/x-wiki <includeonly><!-- -->{{#arraydefine:bi:items|{{#fornumargs:|v|{{#var:v}}@@}}|@@}}<!-- -->{{#arrayunique:bi:items}}<!-- -->{{#vardefine:bi:show_ids|{{bool|{{{showid|1}}}}}}}<!-- -->{{#vardefine:bi:cate|<!-- -->{{#if:{{#var:bi:type}}|{{#if:{{bool|{{{nocat|}}}}}||<!-- -->[[Category:{{#var:bi:type}}s]]<!-- -->}}}}<!-- -->}}<!-- // start output --><infobox type="buff"><!-- --><title source="name"><!-- --><default>{{BASEPAGENAME}}</default><!-- --></title><!-- --><title source="namesub" name="subtitle"></title><!-- --><group row-items="2"><!-- --><data source="image"><!-- --><format>[[File:{{{image}}}|link=]]</format><!-- --><default>{{{imagealt|[[File:{{{name|{{BASEPAGENAME}}}}}.png|link=]]}}}</default><!-- --></data><!-- --></group><!-- --><group><!-- --><header>Statistics</header><!-- --><data source="type"><!-- --><label>Type</label><!-- --><format>[[{{ucfirst:{{{type}}}}}]]</format><!-- --></data><!-- --><data source="cause"><!-- --><label>Cause</label><!-- --></data><!-- --><data source="effects"><!-- --><label>Effects</label><!-- --></data><!-- --><data source="duration"><!-- --><label>Duration</label><!-- --></data><!-- --><data source="tooltip"><!-- --><label>Tooltip</label><!-- --><format><i>{{{tooltip}}}</i></format><!-- --></data><!-- --></group><!-- --><group collapse="open"><!-- --><header>Items to prevent</header><!-- --><data><!-- --><default><!-- -->{{#ifexpr:{{#arraysize:bi:items}}|<!-- --><ul style="margin: 0.5em 1em 0; list-style: none;"><!-- -->{{#arrayprint:bi:items||@@@@|<li style="margin: 0.5em auto;">{{item|@@@@}}</li>}}<!-- --></ul><!-- -->}}<!-- --></default><!-- --></data><!-- --></group><!-- --><group collapse="closed"><!-- --><header>Internal IDs</header><!-- --><data><!-- --><label>Buff ID</label><!-- --><default><!-- -->{{#if:{{#var:bi:show_ids}}|<!-- -->{{{idshow|{{{id|}}}}}}<!-- -->}}<!-- --></default><!-- --></data><!-- --><data><!-- --><label>Internal name</label><!-- --><default><!-- -->{{#if:{{#var:bi:show_ids}}|<!-- -->{{#if:{{{internalname|}}}|<!-- --><code>{{{internalname}}}</code><!-- -->}}<!-- -->}}<!-- --></default><!-- --></data><!-- --></group><!-- --></infobox><!-- // categorization -->{{#ifeq:{{NAMESPACE}}|{{ns:0}}|{{#var:bi:cate}}}}<!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 3d35a2943a951cc58b15446cf9dd5213cdbbbf7d 10 344 405 2025-07-14T00:20:50Z Squeaker 434557 Created page with "This template is used for displaying the <abbr title="the table-like overview with key statistics and properties which is most often in the top-right corner of a page">infobox</abbr> of a [[buff]] or [[debuff]]. == Usage == <pre> {{buff infobox | name = | namesub = | image = | imagealt = | type = | cause = | effects = | duration = | tooltip = | id = | <item to prevent 1> | <item to prevent 2> | ... | <item to prevent n> }} </pre> ; name Name of the buff. ; n..." wikitext text/x-wiki This template is used for displaying the <abbr title="the table-like overview with key statistics and properties which is most often in the top-right corner of a page">infobox</abbr> of a [[buff]] or [[debuff]]. == Usage == <pre> {{buff infobox | name = | namesub = | image = | imagealt = | type = | cause = | effects = | duration = | tooltip = | id = | <item to prevent 1> | <item to prevent 2> | ... | <item to prevent n> }} </pre> ; name Name of the buff. ; namesub Will be displayed underneath the title of the infobox. ; image The image defaults to <code>&lt;buff name&gt;.png</code>. Use this parameter to overwrite that. ; imagealt Complete custom control over the image, e.g. for multiple images or to suppress image display entirely (via <code>&#124;imagealt=</code>). ; type {{code|Buff}}/{{code|Debuff}}. Categorizes the page accordingly. ; cause Cause of the buff. Please only use this if it is possible to explain the cause in a very brief way, e.g. <code>| cause = {{tl|item|Honey}}</code> for the [[Honey (buff)|Honey buff]]. Do not enter lists of items or enemies here; put them in the "Causes" section of the article text instead. ; effects Brief description of the buff's consequences. Can be omitted if the tooltip sufficiently and unambiguously describes the effects. ; tooltip [[Tooltips|Tooltip]] of the buff. ; id [[Buff IDs|ID]] of the buff. ; Unnamed parameters Names of items that can be equipped to prevent the infliction of the debuff <includeonly> [[Category:Infobox templates]] </includeonly> <noinclude> [[Category:Template documentation‎]] </noinclude> afac54c63406106e0f1d1c9f49081c9206cb2bb8 437 405 2025-07-19T08:15:54Z Squeaker 434557 wikitext text/x-wiki To display information on (de)buff pages. == Usage == Please only use 'Caused by' and 'Duration' fields for buff potions that do not have varied causes/durations. Every field except type is optional. <pre> {{buff infobox | type = Buff/Debuff, adds page to category | cause = What potion triggers buff? Set to "potion" for "[pagename] Potion" or eg. Bowl of Soup | effects = Briefly describe effects | duration = Duration of buff | tooltip = Tooltip as displayed in Terraria }} </pre> == Copy/paste template == <pre> {{buff infobox | type = | cause = | effects = | duration = | tooltip = }} </pre> <includeonly> [[Category:Infobox templates]] </includeonly> <noinclude> [[Category:Template documentation‎]] </noinclude> 8603ac8bd517db81c087bfc0c5b6625b9ac6aa9c 10 345 406 2025-07-14T22:02:31Z Squeaker 434557 Created page with "<includeonly><!-- //trim. -->{{#vardefine:arg1|{{{1|}}}}}<!-- -->{{#vardefine:arg2|{{{2|}}}}}<!-- // loading irregular nouns database -->{{#if:{{#dplvar:en_plural_irregular}}||<!-- -->{{#dplvar:set<!-- -->|en_plural_irregular|_ok_<!-- // term defined in lcfirst format: Boss->boss, BOSS->bOSS -->|en_plural_irregular_cactus|cacti<!-- -->|en_plural_irregular_mouse|mice<!-- -->|en_plural_irregular_buff|buffs<!-- -->|en_plural_irregular_debuff|debuffs<!-- -->|en_pl..." wikitext text/x-wiki <includeonly><!-- //trim. -->{{#vardefine:arg1|{{{1|}}}}}<!-- -->{{#vardefine:arg2|{{{2|}}}}}<!-- // loading irregular nouns database -->{{#if:{{#dplvar:en_plural_irregular}}||<!-- -->{{#dplvar:set<!-- -->|en_plural_irregular|_ok_<!-- // term defined in lcfirst format: Boss->boss, BOSS->bOSS -->|en_plural_irregular_cactus|cacti<!-- -->|en_plural_irregular_mouse|mice<!-- -->|en_plural_irregular_buff|buffs<!-- -->|en_plural_irregular_debuff|debuffs<!-- -->|en_plural_irregular_safe|safes<!-- -->|en_plural_irregular_staff|staves<!-- -->|en_plural_irregular_roof|roofs<!-- -->|en_plural_irregular_oasis|oases<!-- -->|en_plural_irregular_vertebra|vertebrae<!-- -->|en_plural_irregular_larva|larvae<!-- -->}}<!-- -->}}<!-- -->{{#switch:{{#var:arg2}}<!-- -->|s={{#if:{{#vardefineecho:plural|{{#dplvar:en_plural_irregular_{{lcfirst:{{#var:arg1}}}}}}}}|<!-- //irregular: -->{{#sub:{{#var:arg1}}|0|1}}{{#sub:{{#var:plural}}|1}}<!-- sync capitalization of first character from $1 -->|<!-- //regular: intuitive pluralism -->{{#switch:{{#sub:{{#var:arg1}}|-1}}<!-- -->|s|x|z={{#var:arg1}}es<!-- box->boxes -->|y={{#switch:{{#sub:{{#var:arg1}}|-2|1}}|a|e|i|o|u={{#var:arg1}}|#default={{#sub:{{#var:arg1}}|0|-1}}ie}}s<!-- -y: ray->rays, firefly->fireflies -->|f={{#sub:{{#var:arg1}}|0|-1}}ves<!-- -f: leaf->leaves, wolf->wolves -->|e={{#ifeq:{{#sub:{{#var:arg1}}|-2|1}}|f|{{#sub:{{#var:arg1}}|0|-2}}ve|{{#var:arg1}}}}s<!-- -fe: knife -> knives, life->lives, other: house -> houses -->|h={{#var:arg1}}{{#switch:{{#sub:{{#var:arg1}}|-2|1}}|s|c=e}}s<!-- -sh/ch: cash->cashes, watch->watches -->|#default={{#var:arg1}}s<!--simply append s -->}}<!-- -->}}<!-- -->|es={{#var:arg1}}es<!-- -->|ies={{#sub:{{#var:arg1}}|0|-1}}ies<!-- -y -> -ies. (for say, bird, will get biries, it's wrong, but why do you append -ies for it? ) -->|#default={{#var:arg2|{{#var:arg1}}}}<!-- -->}}<!-- --></includeonly><noinclude>{{doc}}</noinclude> 544ed64fbf8fa4a39438a1c289d093ea3af4447a 10 346 407 2025-07-14T22:06:43Z Squeaker 434557 Created page with "<!-- //output: -->{{msgbox|text=<!-- -->{{l10n|i18n-ready|main_text}}<!-- -->{{ifexists|ns=Template|{{PAGENAME}}/l10n|<!-- --><br/><small>{{l10n|i18n-ready|sub_text|$link$=[[Template:{{PAGENAME}}/l10n|{{ns:Template}}:{{PAGENAME}}/l10n]]}}</small><!-- -->}}<!-- -->|nocat=1}}<!-- -->{{#if:{{{nocat|}}}||<!-- -->{{#ifeq: {{SUBPAGENAME}} | doc || [[Category:{{l10n|i18n-ready|cat}}]]}}<!-- -->}}<!-- --><noinclude>{{doc}}</noinclude>" wikitext text/x-wiki <!-- //output: -->{{msgbox|text=<!-- -->{{l10n|i18n-ready|main_text}}<!-- -->{{ifexists|ns=Template|{{PAGENAME}}/l10n|<!-- --><br/><small>{{l10n|i18n-ready|sub_text|$link$=[[Template:{{PAGENAME}}/l10n|{{ns:Template}}:{{PAGENAME}}/l10n]]}}</small><!-- -->}}<!-- -->|nocat=1}}<!-- -->{{#if:{{{nocat|}}}||<!-- -->{{#ifeq: {{SUBPAGENAME}} | doc || [[Category:{{l10n|i18n-ready|cat}}]]}}<!-- -->}}<!-- --><noinclude>{{doc}}</noinclude> 3aa4ec2a5f204ac1581b95e9fa3da6cbb7a194b9 10 347 408 2025-07-14T22:15:49Z Squeaker 434557 Created page with "<!-- //register localization info: -->{{l10n/register|i18n-ready|en<!-- -->|main_text=This template is '''i18n-ready''', which means it is easy to localize for different languages. Please see [[Help:I18n & l10n for Templates|I18n & l10n for Templates]] to learn more.<!-- -->|sub_text=See $link$ for the localization of this template.<!-- -->|cat=i18n-ready templates<!-- -->}}" wikitext text/x-wiki <!-- //register localization info: -->{{l10n/register|i18n-ready|en<!-- -->|main_text=This template is '''i18n-ready''', which means it is easy to localize for different languages. Please see [[Help:I18n & l10n for Templates|I18n & l10n for Templates]] to learn more.<!-- -->|sub_text=See $link$ for the localization of this template.<!-- -->|cat=i18n-ready templates<!-- -->}} fccdae3f7c99529dad60b001d95cb9f043d182ec 10 348 409 2025-07-14T22:16:59Z Squeaker 434557 Created page with "<noinclude> {{#cargo_attach: _table = Debuffs }} </noinclude><includeonly><!-- -->{{#dplvar:set<!-- -->|_item_infobox:name|{{{name|{{ROOTPAGENAME}}}}}<!-- -->}}<!-- --><div class="infobox item float-{{{float|right}}}" style="<!-- -->{{#if:{{{boxwidth|}}}|width:{{{boxwidth|}}};}}{{{css|}}};{{{style|}}}<!-- -->"><!-- --><div class="title">{{#dplvar:_item_infobox:name}}{{#if:{{{namesub|}}}|<span>{{{namesub|}}}</span>}}</div><!-- --><div class="section images"..." wikitext text/x-wiki <noinclude> {{#cargo_attach: _table = Debuffs }} </noinclude><includeonly><!-- -->{{#dplvar:set<!-- -->|_item_infobox:name|{{{name|{{ROOTPAGENAME}}}}}<!-- -->}}<!-- --><div class="infobox item float-{{{float|right}}}" style="<!-- -->{{#if:{{{boxwidth|}}}|width:{{{boxwidth|}}};}}{{{css|}}};{{{style|}}}<!-- -->"><!-- --><div class="title">{{#dplvar:_item_infobox:name}}{{#if:{{{namesub|}}}|<span>{{{namesub|}}}</span>}}</div><!-- --><div class="section images"><!-- --><ul class="{{#if:{{{imagebreak|}}}|block|inline}}"><!-- //female image check first(used in equipped image) -->{{#dplvar:set|_item_infobox:male_image_postfix|(male)}}<!-- -->{{#dplvar:set|_item_infobox:female_image|<!-- -->{{#if:{{{imagefemale|}}}|<!-- --><li>{{{imagefemale|}}}</li><!-- -->|<!-- -->{{ifexists|File:{{#dplvar:_item_infobox:name}} female.png|<!-- --><li>[[File:{{#dplvar:_item_infobox:name}} female.png|{{#dplvar:_item_infobox:name}} equipped (female)]]</li><!-- -->|<!-- -->{{#dplvar:set|_item_infobox:male_image_postfix|}}<!-- no image for female, so male image doesn't need postfix. -->}}<!-- -->}}<!-- -->}}<!-- //main image --><li>{{{imagealt|[[File:{{{image|{{#dplvar:_item_infobox:name}}.png|{{#dplvar:_item_infobox:name}} {{#ifeq:{{lc:{{{type2|}}}}}|set|equipped {{#dplvar:_item_infobox:male_image_postfix}}|item sprite}}}}}]]}}}</li><!-- //placed image -->{{#if:{{{imageplaced|}}}|<!-- --><li>{{{imageplaced|}}}</li><!-- -->|<!-- -->{{ifexists|File:{{#dplvar:_item_infobox:name}} (placed).gif|<!-- --><li>[[File:{{#dplvar:_item_infobox:name}} (placed).gif|{{#dplvar:_item_infobox:name}} placed graphic]]</li><!-- -->|{{ifexists|File:{{#dplvar:_item_infobox:name}} (placed).png|<!-- elseif --><li>[[File:{{#dplvar:_item_infobox:name}} (placed).png|{{#dplvar:_item_infobox:name}} placed graphic]]</li><!-- -->}}}}<!-- -->}}<!-- //equipped image -->{{#if:{{{imageequipped|}}}|<!-- --><li>{{{imageequipped|}}}</li><!-- -->|<!-- -->{{ifexists|File:{{#dplvar:_item_infobox:name}} (equipped).gif|<!-- --><li>[[File:{{#dplvar:_item_infobox:name}} (equipped).gif|{{#dplvar:_item_infobox:name}} equipped]]</li><!-- -->|{{ifexists|File:{{#dplvar:_item_infobox:name}} (equipped).png|<!-- elseif --><li>[[File:{{#dplvar:_item_infobox:name}} (equipped).png|{{#dplvar:_item_infobox:name}} equipped]]</li><!-- -->|{{ifexists|File:{{#dplvar:_item_infobox:name}} (tank).png|<!-- flamethrower tank images --><li>[[File:{{#dplvar:_item_infobox:name}} (tank).png|{{#dplvar:_item_infobox:name}} tank]]</li><!-- -->}}}}}}<!-- -->}}<!-- //female image -->{{#dplvar:_item_infobox:female_image}}<!-- --></ul><!-- //autoswing -->{{#if:{{{autoswing|}}}|<div class="auto">[[File:Auto icon.png|18px|link=Autoswing|{{item infobox/autotext|{{{autoswing|}}}|{{{type|}}}}}]][[Category:Auto-use items]]</div>}}<!-- //stack -->{{#if:{{{stack|}}}|{{#iferror:{{#expr:{{{stack|}}}>0}}||<div class="stack" title="Max Stack: {{{stack}}}">{{stack|{{{stack}}}}}</div>}}}}<!-- --></div><!-- div.section.images --><div class="section statistics"><!-- -->{{#if:{{{type|}}}{{{rare|}}}{{{research|}}}|<div class="title">Statistics</div>}}<!-- -->{{#ifexpr:{{#dplnum:0{{{hammer|}}}{{{pick|}}}{{{axe|}}}}}>0|<!-- --><ul class="toolpower"><!-- --><li title="Pickaxe Power">[[File:Pickaxe icon.png|16px|link=]] {{{pick|0}}}%</li><!-- --><li title="Hammer Power">[[File:Hammer icon.png|16px|link=]] {{{hammer|0}}}%</li><!-- --><li title="Axe Power">[[File:Axe icon.png|16px|link=]] {{{axe|0}}}%</li><!-- --></ul><!-- -->}}<!-- -->{{#if:{{{pickreq|}}}|<!-- --><ul class="toolpower"><!-- --><li title="Pickaxe power required">[[File:Pickaxe icon.png|16px|link=]] {{{pickreq|}}}%</li><!-- --></ul><!-- -->}}<!-- --><table class="stat"><!-- -->{{#if: {{{type|}}}|<!-- --><tr><!-- --><th>Type</th><!-- --><td><!-- -->{{ifexists|{{{type}}}|[[{{{type|}}}|{{#or:{{{typedisplay|}}}|{{{type|}}}}}]]|{{{type}}}}}<!-- -->{{#if:{{{type2|}}}|&#32;&ndash;&#32;{{ifexists|{{{type2}}}|[[{{{type2|}}}|{{#or:{{{typedisplay2|}}}|{{{type2|}}}}}]]|{{{type2}}}}}}}<!-- -->{{#if:{{{type3|}}}|&#32;&ndash;&#32;{{ifexists|{{{type3}}}|[[{{{type2|}}}|{{#or:{{{typedisplay3|}}}|{{{type3|}}}}}]]|{{{type3}}}}}}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{bait|}}}|<!-- --><tr><!-- --><th>[[Bait]] Power</th><!-- --><td>{{{bait|}}}%</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{fish|}}}|<!-- --><tr><!-- --><th>[[Fishing power]]</th><!-- --><td>{{{fish|}}}%</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{damage|}}}|<!-- --><tr><!-- --><th>Damage</th><!-- --><td><!-- -->{{{damage|}}} <!-- -->{{#dplvar:set|_damagetype|{{item infobox/damagetype|{{{damagetype|}}}|{{{type|}}}}}}}<!-- -->{{#if:{{#dplvar:_damagetype}}|<small>{{#dplvar:_damagetype}}</small>}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{knockback|}}}|<!-- --><tr><!-- --><th>[[Knockback]]</th><!-- --><td>{{#if:{{#dplreplace:{{{knockback|}}}|/^\s*\d+(\.\d+)?\s*$/|}}|{{{knockback|}}}|{{kb|{{{knockback|}}}}}}}<!-- if input is pure number, wrap it with {{kb}}, or leave it as is. --></td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{defense|}}}|<!-- --><tr><!-- --><th>Defense</th><!-- --><td>{{{defense|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{bonus|}}}|<!-- --><tr><!-- --><th>Bonus</th><!-- --><td>{{{bonus|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{setbonus|}}}|<!-- --><tr><!-- --><th>Set Bonus</th><!-- --><td>{{{setbonus|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{placeable|}}}|<!-- --><tr><!-- --><th>[[Placement|Placeable]]</th><!-- --><td>{{#switch:{{lc:{{{placeable|}}}}}|yes={{yes}}|no={{no}}|#default={{{placeable|}}}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{width|}}}{{{height|}}}|<!-- --><tr><!-- --><th>Dimensions</th><!-- --><td>{{#if:{{{width|}}}|{{{width}}} wide}}{{#switch: |{{{width|}}}|{{{height|}}}=|&nbsp;×&nbsp;}}{{#if:{{{height|}}}|{{{height}}} high}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{mana|}}}|<!-- --><tr><!-- --><th>[[Mana]] cost</th><!-- --><td>{{{mana|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{life|}}}|<!-- --><tr><!-- --><th>[[Life]] cost</th><!-- --><td>{{{life|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{mregen|}}}|<!-- --><tr><!-- --><th>[[Mana]] regen</th><!-- --><td>{{{mregen|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{mheal|}}}|<!-- --><tr><!-- --><th>Heals [[Mana]]</th><!-- --><td>{{{mheal|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{lregen|}}}|<!-- --><tr><!-- --><th>Life regen</th><!-- --><td>{{{lregen|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{hheal|}}}|<!-- --><tr><!-- --><th>Heals [[Health]]</th><!-- --><td>{{{hheal|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#ifeq:{{lc:{{{damagetype|}}}}}|summon||{{#if:{{{critical|{{#if:{{{damage|}}}|{{#switch:{{lc:{{{type|}}}}}|weapon|tool=4%}}}}}}}|<!-- --><tr><!-- --><th>[[Critical hit|Critical chance]]</th><!-- --><td>{{{critical|4%}}}</td><!-- --></tr><!-- -->}}}}<!-- -->{{#if:{{{body slot|}}}|<!-- --><tr><!-- --><th>Body slot</th><!-- --><td>{{{body slot|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{use|}}}|<!-- --><tr><!-- --><th>[[Use time]]</th><!-- --><td>{{#if:{{#dplreplace:{{{use|}}}|/^\s*\d+(\.\d+)?\s*$/|}}|{{{use|}}}|{{{use|}}} <small>{{use time|{{{use}}}}}</small>}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{reach|}}}|<!-- --><tr><!-- --><th>Reach (tiles)</th><!-- --><td>{{{reach|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{attduration|}}}|<!-- --><tr><!-- --><th>Attack duration</th><!-- --><td>{{{attduration|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{velocity|}}}|<!-- --><tr><!-- --><th>[[Velocity]]</th><!-- --><td>{{#if:{{{extraupdates|}}}|{{#expr:{{{velocity|}}} * ({{{extraupdates|}}} + 1)}} <small>[[Velocity Multiplier|effective]]</small>|{{{velocity|}}}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{velocitymult|}}}|<!-- --><tr><!-- --><th>[[Velocity Multiplier]]</th><!-- --><td>{{#if:{{#dplreplace:{{{velocitymult|}}}|/^\s*\d+(\.\d+)?\s*$/|}}|{{{velocitymult|}}}|{{{velocitymult|}}}x}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{toolspeed|}}}|<!-- --><tr><!-- --><th>[[Mining speed|Tool speed]]</th><!-- --><td>{{{toolspeed|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{tool|}}}|<!-- --><tr><!-- --><th>Tool</th><!-- --><td>{{{tool|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{tooltip|}}}|<!-- --><tr><!-- --><th>Tooltip</th><!-- --><td><i>{{{tooltip|}}}</i></td><!-- Using apostrophes here can cause some tooltips to be bolded --></tr><!-- -->}}<!-- -->{{#if:{{{wizard|{{wizardtip|{{#dplvar:_item_infobox:name}}}}}}}|<!-- --><tr><!-- --><th>{{item|mode=image|link=Wizard Enchantment|image=Wizard Enchantment.png|size=20px|Effect when equipped with Wizard Enchantment}}</th><!-- --><td><i>{{{wizard|{{wizardtip|{{#dplvar:_item_infobox:name}}}}}}}</i></td><!-- --></tr><!-- -->}}<!-- -->{{#forargs:buff|number|name|<!-- -->{{#iferror:{{#expr:{{#var:number}}}}||<!-- -->{{#if:{{{buff4|}}}||<!-- -->{{#vardefine:_bufftxt|{{{bufftext{{#var:number}}|{{#explode:{{#var:name}}|(buff)|0}}}}}}}<!-- --><tr class="buff"><!-- --><th>Grants [[Buff]]</th><!-- --><td><b>{{#ifeq:{{{bufflink{{#var:number}}|}}}|no|<!-- -->{{item|{{#var:name}}|{{#var:_bufftxt}}|link=}}<!-- -->|<!-- -->{{ifexists|{{#var:name}}|<!-- -->{{item|{{#var:name}}|{{#var:_bufftxt}}}}<!-- -->|<!-- -->{{item|{{#var:name}}|{{#var:_bufftxt}}|link=}}<!-- -->}}<!-- -->}}</b></td><!-- --></tr><!-- -->{{#if:{{{duration{{#var:number}}|}}}|<!-- --><tr class="buff"><!-- --><th>Buff duration</th><!-- --><td>{{{duration{{#var:number}}|}}}</td><!-- --></tr><!-- -->}}<!-- --><tr class="buff"><!-- --><th>Buff tooltip</th><!-- --><td>''{{{bufftip{{#var:number}}|{{bufftip|{{#var:name}}}}}}}''</td><!-- --></tr><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#forargs:debuff|number|name|<!-- -->{{#iferror:{{#expr:{{#var:number}}}}||<!-- -->{{#if:{{{debuff4|}}}||<!-- -->{{#vardefine:_debufftxt|{{{debufftext{{#var:number}}|{{#explode:{{#var:name}}|(debuff)|0}}}}}}}<!-- -->{{#vardefine:chance|{{#if:{{{debuffchance{{#var:number}}|}}}|{{#ifeq:{{#sub:{{{debuffchance{{#var:number}}|}}}|-2}}|##|{{#sub:{{{debuffchance{{#var:number}}|}}}|0|-2}}|{{{debuffchance{{#var:number}}|}}} chance}}}}}}<!-- --><tr class="buff"><!-- --><th>Inflicts [[Debuff]]</th><!-- --><td>{{#ifeq:{{{debufflink{{#var:number}}|}}}|no|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|link=|note2={{#var:chance}}}}<!-- -->|<!-- -->{{ifexists|{{#var:name}}|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|note2={{#var:chance}}}}<!-- -->|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|link=|note2={{#var:chance}}}}<!-- -->}}<!-- -->}}<!-- --><br/>{{{debuffchancenote{{#var:number}}|}}}<!-- --></td><!-- --></tr><!-- -->{{#if:{{{debuffduration{{#var:number}}|}}}|<!-- --><tr class="buff"><!-- --><th>Debuff duration</th><!-- --><td>{{{debuffduration{{#var:number}}|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{debufftip{{#var:number}}|{{bufftip|{{#var:name}}}}}}}|<!-- --><tr class="buff"><!-- --><th>Debuff tooltip</th><!-- --><td>''{{{debufftip{{#var:number}}|{{bufftip|{{#var:name}}}}}}}''</td><!-- --></tr><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#ifeq:{{{nodebuffcargo|}}}|yes||<!-- -->{{#forargs:debuff|number|name|<!-- -->{{#iferror:{{#expr:{{#var:number}}}}||<!-- -->{{#cargo_store:<!-- -->_table = Debuffs<!-- -->|Item = {{{name|{{#titleparts:{{PAGENAME}}}}}}}<!-- -->|Debuff = {{{debuff{{#var:number}}}}}<!-- -->|Chance = {{{debuffchance{{#var:number}}|}}}<!-- -->|Duration = {{{debuffduration{{#var:number}}|}}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{immune1|}}}|<!-- --><tr class="buff"><!-- --><th>Grants immunity to</th><!-- --><td><!-- -->{{#forargs: immune<!-- -->| immuNum<!-- -->| debuff<!-- -->| {{item|mode=image|{{#var:debuff}}}}<!-- -->}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{stack|}}}|{{#iferror:{{#expr:{{{stack|}}}>0}}|<!-- --><tr><!-- --><th>Max stack</th><!-- --><td>{{{stack|}}}</td><!-- --></tr><!-- -->|}}}}<!-- -->{{#if:{{{color|}}}|<!-- --><tr><!-- --><th>Map color</th><!-- --><td>{{color|{{{color|}}} ●|{{{color|}}}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{rare|}}}|<!-- --><tr><!-- --><th>[[Rarity]]</th><!-- --><td>{{rare|{{{rare|}}}|category}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{value|}}}|<!-- --><tr><!-- --><th>[[Tile value]]</th><!-- --><td>{{{value|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{buy|}}}{{{sell|}}}|<!-- -->{{#dplvar:set|_sep|{{#switch:|{{{buy|}}}|{{{sell|}}}=|{{#pos:{{{buy|}}}{{{sell|}}}|//}}}}}}<!-- -->{{#if:{{#dplvar:_sep}}|<!-- 2 lines ? -->{{#dplvar:set<!-- -->|_buy|{{#dplreplace:{{{buy|}}}|/\/\//|}}<!-- -->|_sell|{{#dplreplace:{{{sell|}}}|/\/\//|}}<!-- -->}}<!-- --><tr><!-- --><th>[[Value|Buy]]</th><!-- --><td>{{#dplvar:_buy}}</td><!-- --></tr><!-- --><tr><!-- --><th>[[Value|Sell]]</th><!-- --><td>{{#dplvar:_sell}}</td><!-- --></tr><!-- -->|<!-- --><tr><!-- --><th>[[Value|{{#if:{{{buy|}}}|Buy}}{{#switch:|{{{buy|}}}|{{{sell|}}}=|&nbsp;/&nbsp;}}{{#if:{{{sell|}}}|Sell}}]]</th><!-- --><td>{{{buy|}}}{{#switch:|{{{buy|}}}|{{{sell|}}}=|&nbsp;/&nbsp;}}{{{sell|}}}</td><!-- --></tr><!-- -->}}<!-- -->}}<!-- -->{{#if:{{{research|}}}|<!-- --><tr><!-- --><th>[[Research]]</th><!-- --><td><span class="journey" title="Journey Mode">{{{research|}}} required</span></td><!-- --></tr><!-- -->}}<!-- --></table><!-- -->{{#if:{{{proj|}}}|<div class="title">{{#if:{{{proj2|}}}|Projectiles|Projectile}} created</div><!-- -->{{#forargs: proj<!-- -->| projNum<!-- -->| projText<!-- -->| {{#if:{{{proj{{#var:projNum}}caption|}}}|<!-- --><div class="proj"><!-- -->{{#vardefine:file|{{#sub:{{#var:projText}}|0|-4}}}}<!-- -->{{#vardefine:ext|{{#sub:{{#var:projText}}|-3}}}}<!-- -->{{item|mode=image|{{#var:file}}|ext={{#var:ext}}|size={{{proj{{#var:projNum}}size}}}|link=File:{{#var:projText}}}}<br/><!-- --><b>{{{proj{{#var:projNum}}caption}}}</b><!-- --></div><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{cooldown|}}}|<div class="title">{{#if:{{{cooldown2|}}}|Cooldowns|Cooldown}} used</div><!-- -->{{#forargs: cooldown<!-- -->| cdNum<!-- -->| cdText<!-- -->| {{#if:{{{cooldown{{#var:cdNum}}caption|}}}|<!-- --><div class="cooldown"><!-- -->{{#vardefine:file|{{#sub:{{#var:cdText}}|0|-4}}}}<!-- -->{{#vardefine:ext|{{#sub:{{#var:cdText}}|-3}}}}<!-- -->{{item|mode=image|{{#var:file}}|ext={{#var:ext}}|size={{{cooldown{{#var:cdNum}}size|}}}|link=File:{{#var:cdText}}}}<br/><!-- --><b>{{{cooldown{{#var:cdNum}}caption|}}}</b><!-- --><br/><small style="color:#BDBDBD">{{{cooldown{{#var:cdNum}}duration|}}}{{#if:{{{cooldown{{#var:cdNum}}source|}}}|&nbsp;({{{cooldown{{#var:cdNum}}source}}})}}</small><!-- --></div><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{sound|}}}|<div class="title">Sounds</div><!-- -->{{#forargs: sound<!-- -->| soundNum<!-- -->| soundText<!-- -->| {{#if:{{{sound{{#var:soundNum}}text|}}}|<!-- --><div class="ib_sound"><!-- -->{{#arraydefine:sounds|{{#var:soundText}}}}<!-- -->{{#arrayslice:noTextSounds|sounds|1}}<!-- -->{{sound|{{{sound{{#var:soundNum}}text|}}}|{{#arrayindex:sounds|0}}}}<!-- -->{{#arrayprint:noTextSounds||@@@@|{{sound||@@@@}}}}<br/><!-- --></div><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{image2|}}}|<!-- --><div class="image2"><!-- -->[[File:{{{image2|}}}|center|{{{image2}}}]]<!-- -->{{#if:{{{image2caption|}}}|<b><i>{{{image2caption|}}}</i></b>}}<!-- --></div><!-- -->}}<!-- -->{{#if:{{{image3|}}}|<!-- --><div class="image2"><!-- -->[[File:{{{image3|}}}|center|{{{image3}}}]]<!-- -->{{#if:{{{image3caption|}}}|<b><i>{{{image3caption|}}}</i></b>}}<!-- --></div><!-- -->}}<!-- --></div><!-- div.section.statistics --></div><!--END div.infobox -->{{#ifeq:{{NAMESPACE}}|{{ns:0}}|<!-- //cate -->{{#if:{{{type|}}}|[[Category:{{{type}}} items{{#ifeq:{{{type}}}|Grab bag|{{!}}*}}]]{{#ifeq:{{lc:{{{type2|}}}}}|set|[[Category:{{{type}}} sets]]}}}}<!-- -->{{#if:{{{type2|}}}|[[Category:{{{type2}}} items]]}}<!-- -->{{#if:{{{type3|}}}|[[Category:{{{type3}}} items]]}}<!-- -->{{#if:{{{listcat|}}}|[[Category:{{{listcat}}}]]}}<!-- -->{{#if:{{{listcat2|}}}|[[Category:{{{listcat2}}}]]}}<!-- -->{{#if:{{{listcat3|}}}|[[Category:{{{listcat3}}}]]}}<!-- -->{{#if:{{{listcat4|}}}|[[Category:{{{listcat4}}}]]}}<!-- -->{{#if:{{{listcat5|}}}|[[Category:{{{listcat5}}}]]}}<!-- -->{{#if:{{{consumable|}}}|[[Category:Consumable items]]}}<!-- -->{{#ifeq:{{{hardmode|}}}|yes|[[Category:Hardmode-only items]]}}<!-- -->{{#ifeq:{{{postml|}}}|yes|[[Category:Post-Moon Lord only items]]}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude><!-- -->{{doc}}<!-- --></noinclude> c6f3c26b5a28a17a69a480de9e04e4b1984339fc 10 349 410 2025-07-14T22:17:21Z Squeaker 434557 Created page with "<includeonly>{{#switch:{{lc:{{{1|}}}}} |melee = Auto-swing |ranged|magic = Autofire |#default = {{#switch:{{lc:{{{2|}}}}}|tool = Auto-swing|#default = Auto-use}} }}</includeonly><noinclude>[[Category:Infobox templates]]</noinclude>" wikitext text/x-wiki <includeonly>{{#switch:{{lc:{{{1|}}}}} |melee = Auto-swing |ranged|magic = Autofire |#default = {{#switch:{{lc:{{{2|}}}}}|tool = Auto-swing|#default = Auto-use}} }}</includeonly><noinclude>[[Category:Infobox templates]]</noinclude> 4e04fcdf784f4a25b563412850c48baf4c06f807 10 350 411 2025-07-14T22:17:37Z Squeaker 434557 Created page with "<includeonly>{{#switch:{{lc:{{{1|}}}}} |melee = Melee |ranged = Ranged |magic = Magic |summon = Summon |throwing|thrown = Throwing |#default = {{#switch:{{lc:{{{2|}}}}}|tool = Melee|#default={{{1|}}}}} }}</includeonly><noinclude>Internal sub-template. See [[Template:Item infobox]] for documentation. [[Category:Infobox templates]]</noinclude>" wikitext text/x-wiki <includeonly>{{#switch:{{lc:{{{1|}}}}} |melee = Melee |ranged = Ranged |magic = Magic |summon = Summon |throwing|thrown = Throwing |#default = {{#switch:{{lc:{{{2|}}}}}|tool = Melee|#default={{{1|}}}}} }}</includeonly><noinclude>Internal sub-template. See [[Template:Item infobox]] for documentation. [[Category:Infobox templates]]</noinclude> 814d2d9d8192a5e9d05b2e5e69ffdfeca5fb66f9 10 351 412 2025-07-15T07:44:34Z Squeaker 434557 Created page with "<!-- -->{{msgbox<!-- -->| class = msgbox-color-blue<!-- -->| css = min-width: 45%;<!-- -->| imagealt = {{transform|[[File:Guide.png|link=]]|mirror=y}}<!-- -->| title = '''This is a [[Guides|Guide page]].'''<!-- -->| text = This means the page will walk you through a specific task, strategy, or [[tgc:Enemies|enemy]]/[[tgc:Bosses|boss]] fight.<!-- -->}}<!-- -->{{#if:{{bool|{{{nocat|}}}}}|<!--nothing-->|<!-- // only categorize if page name (without mod name) starts..." wikitext text/x-wiki <!-- -->{{msgbox<!-- -->| class = msgbox-color-blue<!-- -->| css = min-width: 45%;<!-- -->| imagealt = {{transform|[[File:Guide.png|link=]]|mirror=y}}<!-- -->| title = '''This is a [[Guides|Guide page]].'''<!-- -->| text = This means the page will walk you through a specific task, strategy, or [[tgc:Enemies|enemy]]/[[tgc:Bosses|boss]] fight.<!-- -->}}<!-- -->{{#if:{{bool|{{{nocat|}}}}}|<!--nothing-->|<!-- // only categorize if page name (without mod name) starts with "Guide:" -->{{#ifeq:{{#sub:{{modname|strip}}|0|6}}|Guide:|{{modcate|Guides}}}}<!-- -->}}<!-- --><noinclude> [[Category:Banner templates]] [[Category:Notice templates]] </noinclude> a0c8a36a9c580bbd54ad741b3fdd361b12aeebda 10 352 413 2025-07-15T07:44:44Z Squeaker 434557 Created page with "<includeonly><!-- // assemble a string of transformations by iterating over all parameters in order -->{{#vardefine:transform:style|<!-- -->{{#forargs:|parametername|parametervalue|<!-- -->{{#switch:{{#var:parametername}}<!-- -->|flip= scaleY(-1)<!-- -->|mirror= scaleX(-1)<!-- -->|rotation= rotate({{#var:parametervalue}}deg)<!-- -->|scale= scale({{#var:parametervalue}},{{#var:parametervalue}})<!-- -->}}<!-- -->}}<!-- -->}}<!-- // output --><div style=..." wikitext text/x-wiki <includeonly><!-- // assemble a string of transformations by iterating over all parameters in order -->{{#vardefine:transform:style|<!-- -->{{#forargs:|parametername|parametervalue|<!-- -->{{#switch:{{#var:parametername}}<!-- -->|flip= scaleY(-1)<!-- -->|mirror= scaleX(-1)<!-- -->|rotation= rotate({{#var:parametervalue}}deg)<!-- -->|scale= scale({{#var:parametervalue}},{{#var:parametervalue}})<!-- -->}}<!-- -->}}<!-- -->}}<!-- // output --><div style="{{{style|}}}; display: {{{display|inline-block}}}; -moz-transform: {{#var:transform:style}}; -ms-transform: {{#var:transform:style}}; -o-transform: {{#var:transform:style}}; -webkit-transform: {{#var:transform:style}}; transform: {{#var:transform:style}}">{{{1}}}</div><!-- --></includeonly><noinclude>{{doc}} [[Category:Formatting templates]] </noinclude> 1e701278a13e6a522a0cd58ca8af1b3fbfbdb092 10 353 414 2025-07-15T07:45:39Z Squeaker 434557 Created page with "<includeonly><!-- -->{{#dplvar:set<!-- //doesn't need {{modname|get}}. -->|_cate-Lead Anvil|Iron or Lead Anvil<!-- -->|_cate-Iron Anvil|Iron or Lead Anvil<!-- -->|_cate-Orichalcum Anvil|Mythril or Orichalcum Anvil<!-- -->|_cate-Mythril Anvil|Mythril or Orichalcum Anvil<!-- -->|_cate-Demon Altar|Demon or Crimson Altar<!-- -->|_cate-Crimson Altar|Demon or Crimson Altar<!-- -->|_cate-Altar|Demon or Crimson Altar<!-- -->|_cate-Titanium Forge|Adamantite or Titanium..." wikitext text/x-wiki <includeonly><!-- -->{{#dplvar:set<!-- //doesn't need {{modname|get}}. -->|_cate-Lead Anvil|Iron or Lead Anvil<!-- -->|_cate-Iron Anvil|Iron or Lead Anvil<!-- -->|_cate-Orichalcum Anvil|Mythril or Orichalcum Anvil<!-- -->|_cate-Mythril Anvil|Mythril or Orichalcum Anvil<!-- -->|_cate-Demon Altar|Demon or Crimson Altar<!-- -->|_cate-Crimson Altar|Demon or Crimson Altar<!-- -->|_cate-Altar|Demon or Crimson Altar<!-- -->|_cate-Titanium Forge|Adamantite or Titanium Forge<!-- -->|_cate-Adamantite Forge|Adamantite or Titanium Forge<!-- -->|_cate-Cauldron|Cooking Pot or Cauldron<!-- -->|_cate-Cooking Pot|Cooking Pot or Cauldron<!-- -->|_cate-Bottle only|Placed Bottle<!-- -->|_cate-Placed Bottle only|Placed Bottle<!-- -->|_cate-Bottle|Placed Bottle or Alchemy Table<!-- -->|_cate-Placed Bottle|Placed Bottle or Alchemy Table<!-- -->|_cate-Alchemy Table|Placed Bottle or Alchemy Table<!-- -->|_cate-Water|Water or Sink<!-- -->|_cate-Sink|Water or Sink<!-- -->|_cate-Crystal Ball and Water|Crystal Ball and Water or Sink<!-- -->|group_buffer_first|<!-- -->|group_count|<!-- -->|group_buffer|<!-- -->|group_tool|<!-- -->|nostation|{{{nostation|}}}<!-- -->|cate|{{#switch:{{{cate|}}}|n|no=|force|all=force|y}}<!-- -->}}<!-- // since continuous blanks between {{crafts rows}} can cause blank parameters, they are hidden. --><table class="crafts"><tr><td><table class="sortable" cellpadding="0" cellspacing="0"><!-- -->{{#if:{{{title|}}}|<!-- --><caption><!-- -->{{#if:{{{page|}}}|<!-- --><div class="plainlinks _nav"><!-- -->[[{{{page}}}|<span title="View this table">v</span>]]<!-- --><s>&nbsp;<b>&middot;</b>&nbsp;</s><!-- -->[[{{{page}}}|<span title="Discuss this table">d</span>]]<!-- --><s>&nbsp;<b>&middot;</b>&nbsp;</s><!-- -->[{{fullurl:{{{page}}}|action=edit}} <span title="Edit this table">e</span>]<!-- --></div><!-- -->}}<!-- -->{{{title|}}}<!-- --></caption><!-- -->}}<!-- --><tr><!-- --><th class="result">Result</th><!-- --><th class="ingredients">Ingredients</th><!-- -->{{#if:{{{nostation|}}}||<!-- --><th class="station">Crafting station</th><!-- -->}}<!-- --></tr><!-- --><tr><!-- --><td class="result"><div style="display:none"><!-- --></includeonly><!-- --><noinclude> Format the crafting station. [[Category:Crafting templates]] </noinclude> 32c975fd614ffaa98b9f5b46931a5de7aebeb5db 10 354 415 2025-07-15T07:45:57Z Squeaker 434557 Created page with "<includeonly><!-- -->{{#if:{{#dplvar:nostation}}||<!-- --></div><!--end hidden //output crafts buffers, and then output last group -->{{crafts/group|{{#dplvar:group_buffer_first}}|{{#dplvar:group_count}}|{{#dplvar:group_buffer}}}}<!-- -->}}<!-- --></table></td></tr></table><!-- --></includeonly><!-- --><noinclude> [[Category:Crafting templates]] </noinclude>" wikitext text/x-wiki <includeonly><!-- -->{{#if:{{#dplvar:nostation}}||<!-- --></div><!--end hidden //output crafts buffers, and then output last group -->{{crafts/group|{{#dplvar:group_buffer_first}}|{{#dplvar:group_count}}|{{#dplvar:group_buffer}}}}<!-- -->}}<!-- --></table></td></tr></table><!-- --></includeonly><!-- --><noinclude> [[Category:Crafting templates]] </noinclude> 4396267e288f5272dcf26131be01cfaa2d94f0ad 10 355 416 2025-07-15T07:46:27Z Squeaker 434557 Created page with "<includeonly><!-- -->{{#dplvar:set<!-- -->|_result_amount|1<!-- -->|_new_tool|<!-- -->|_name|<!-- -->|_amount|<!-- -->}}<!-- //need to begin new group? -->{{#if:{{#dplvar:group_count}}|<!-- -->{{#if:{{{tool|}}}|{{#ifeq:{{{tool|}}}|{{#dplvar:group_tool}}||<!-- $tool and ($tool != $group_tool) -->{{#dplvar:set<!-- -->|_new_tool|y<!-- -->|group_tool|{{{tool|}}}<!-- -->}}<!-- -->}}}}<!-- -->|<!-- very first row, always start new group -->{{#dplv..." wikitext text/x-wiki <includeonly><!-- -->{{#dplvar:set<!-- -->|_result_amount|1<!-- -->|_new_tool|<!-- -->|_name|<!-- -->|_amount|<!-- -->}}<!-- //need to begin new group? -->{{#if:{{#dplvar:group_count}}|<!-- -->{{#if:{{{tool|}}}|{{#ifeq:{{{tool|}}}|{{#dplvar:group_tool}}||<!-- $tool and ($tool != $group_tool) -->{{#dplvar:set<!-- -->|_new_tool|y<!-- -->|group_tool|{{{tool|}}}<!-- -->}}<!-- -->}}}}<!-- -->|<!-- very first row, always start new group -->{{#dplvar:set<!-- -->|_new_tool|y<!-- -->|group_tool|{{{tool|}}}<!-- -->}}<!-- -->}}<!-- //ingredients list: -->{{#dplvar:set|_ingredients_info|<!-- -->{{#fornumargs:i|v|<!-- -->{{#ifeq:{{#var:i}}|1|<!-- -->{{#if:{{#var:v}}|{{#dplvar:set|_result_amount|{{#var:v}}}}}}<!-- -->|<!-- -->{{#ifexpr:{{#var:i}} mod 2|<!-- 2n+1, amount -->{{#dplvar:set|_amount|{{#if:{{#var:v}}|{{#ifeq:{{#var:v}}|1||&nbsp;({{#var:v}})}}}}}}<!-- save it first to prevent overwrite by other template. //output -->{{#dplvar:_name}}¦{{#dplvar:_amount}}¶<!-- -->|<!-- 2n, item name -->{{#dplvar:set|_name|{{#var:v}}}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- //result: -->{{#ifeq:{{#sub:{{{result|}}}|0|1}}|#|<!-- -->{{#vardefine:_result_name|{{#sub:{{{result}}}|1}}}}<!-- -->{{#vardefine:_result_link|{{modname|get}}/{{#sub:{{{result}}}|1}}}}<!-- -->{{#vardefine:_result_image|{{#sub:{{{result}}}|1}}_({{modname|getforfile}}).png}}<!-- -->|<!-- -->{{#vardefine:_result_name|{{{result|{{modname|strip|{{FULLPAGENAME}}}}}}}}}<!-- -->{{#vardefine:_result_link|{{{result|{{FULLPAGENAME}}}}}}}<!-- -->{{#vardefine:_result_image|{{#var:_result_name}}.png}}<!-- -->}}<!-- -->{{#dplvar:set|_result_info|<!-- -->{{#var:_result_name}}<!-- -->¦{{#ifeq:{{{link|}}}|no||{{#var:_result_link}}}}<!-- -->¦{{{image|{{#var:_result_image}}}}}<!-- -->¦{{#ifeq:{{#dplvar:_result_amount}}|1||&nbsp;({{#dplvar:_result_amount}})}}<!-- -->}}<!-- //category: -->{{#if:{{#dplvar:cate}}|<!-- -->{{#vardefine:do_categorization|<!-- -->{{#ifeq:{{#dplvar:cate}}|force|<!-- -->y<!-- -->|{{#ifeq:{{#var:_result_link}}|{{PAGENAME}}|<!-- // due to the # syntax, we can't use $result for this check, so we use result_link -->y<!-- -->}}}}<!-- -->}}<!-- {{#if:{{#var:do_categorization}}|<!-- [[Category:<!-- Items crafted at <!-- {{#if:{{#dplvar:_cate-{{#dplvar:group_tool}}}}|<!-- {{#dplvar:_cate-{{#dplvar:group_tool}}}}<!-- |<!-- {{#ifeq:{{#sub:{{#dplvar:group_tool}}|0|1}}|#|{{#sub:{{#dplvar:group_tool}}|1}}|{{#dplvar:group_tool}}}}<!-- }}<!-- ]]<!-- [[Category:Craftable items]]<!-- }}<!-- -->}}<!-- //generate this row: -->{{#if:{{#dplvar:nostation}}|<!-- -->{{#if:{{#dplvar:group_count}}|<!-- --><tr><td class="result"><!-- -->|<!-- -->{{#dplvar:set|group_count|1}}</div><!-- first row -->}}<!-- //result cell -->{{#arraydefine:_result_array|{{#dplvar:_result_info}}|¦}}<!-- -->{{item|{{#arrayindex:_result_array|0}}<!-- -->|link={{#arrayindex:_result_array|1}}<!-- -->|image={{#arrayindex:_result_array|2}}<!-- -->}}<!-- -->{{#arrayindex:_result_array|3}}<!-- --></td><td class="ingredients"><!-- //ingredients cell -->{{#invoke:Crafts/ingredient|go|{{#dplvar:_ingredients_info}}|{{BASEPAGENAME}}}}<!-- --></td></tr><!-- -->|<!-- -->{{#if:{{#dplvar:_new_tool}}|<!-- begin new tool group?? //output previous group. -->{{#if:{{#dplvar:group_count}}|<!-- --></div>{{crafts/group|{{#dplvar:group_buffer_first}}|{{#dplvar:group_count}}|{{#dplvar:group_buffer}}}}<tr><td class="result"><div style="display:none"><!-- -->}}<!-- //start new group,reset group buffers: -->{{#dplvar:set<!-- -->|group_buffer_first|{{{tool|}}}«{{#dplvar:_result_info}}«{{#dplvar:_ingredients_info}}<!-- -->|group_count|1<!-- restart counter -->|group_buffer|<!-- -->}}<!-- -->|<!-- -->{{#dplvar:set<!-- $group_count += 1 -->|group_count|{{#expr:{{#dplvar:group_count}}+1}}<!-- $group_buffer .= $this_row -->|group_buffer|{{#dplvar:group_buffer}}»{{#dplvar:_result_info}}«{{#dplvar:_ingredients_info}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude> [[Category:Crafting templates]]<!-- --></noinclude> 061a48c455b64f9fd439e2ba252941409bf926fe 10 356 417 2025-07-15T07:47:23Z Squeaker 434557 Created page with "<includeonly><!-- input: {1} = first row {2}=count {3}=other rows == first row == //0=tool 1=result 2=ingredients -->{{#arraydefine:_row_array|{{{1}}}|«}}<!-- //result cell -->{{#arraydefine:_result_array|{{#arrayindex:_row_array|1}}|¦}}<!-- -->{{item|{{#arrayindex:_result_array|0}}<!-- -->|link={{#arrayindex:_result_array|1}}<!-- -->|image={{#arrayindex:_result_array|2}}<!-- -->}}<!-- -->{{#arrayindex:_result_array|3}}<!-- --></td><td class="ingredients"><!--..." wikitext text/x-wiki <includeonly><!-- input: {1} = first row {2}=count {3}=other rows == first row == //0=tool 1=result 2=ingredients -->{{#arraydefine:_row_array|{{{1}}}|«}}<!-- //result cell -->{{#arraydefine:_result_array|{{#arrayindex:_row_array|1}}|¦}}<!-- -->{{item|{{#arrayindex:_result_array|0}}<!-- -->|link={{#arrayindex:_result_array|1}}<!-- -->|image={{#arrayindex:_result_array|2}}<!-- -->}}<!-- -->{{#arrayindex:_result_array|3}}<!-- --></td><td class="ingredients"><!-- //ingredients cell -->{{#invoke:Crafts/ingredient|go|{{#arrayindex:_row_array|2}}|{{BASEPAGENAME}}}}<!-- //tool --></td><td class="station" rowspan="{{{2|}}}">{{crafts/tool|{{#arrayindex:_row_array|0}}}}</td><!-- --></tr><!-- == other row == -->{{#arraydefine:_rows_array|{{{3}}}|»}}<!-- -->{{#arrayprint:_rows_array||@@@@|{{crafts/row|@@@@}}}}<!-- --></includeonly><noinclude>Internal sub-template. See [[Template:Crafts]] for documentation.[[Category:Crafting templates]]</noinclude> 795849448069294ca66fd64246c74b79eb9ac25d 10 357 418 2025-07-15T07:47:41Z Squeaker 434557 Created page with "<includeonly><span style="color:red">DO NOT USE THE CRAFTS TEMPLATE DIRECTLY! see [[Template:Crafts]]</span></includeonly><noinclude>{{doc}}</noinclude>" wikitext text/x-wiki <includeonly><span style="color:red">DO NOT USE THE CRAFTS TEMPLATE DIRECTLY! see [[Template:Crafts]]</span></includeonly><noinclude>{{doc}}</noinclude> be8113fa3ca5156d97b2538e30a765eee8b2b3b4 10 358 419 2025-07-15T07:47:58Z Squeaker 434557 Created page with "<includeonly>{{#if:{{{1|}}}|<!-- //0=result 1=ingredients -->{{#arraydefine:_row_array|{{{1}}}|«}}<!-- --><tr><td class="result"><!-- //result cell -->{{#arraydefine:_result_array|{{#arrayindex:_row_array|0}}|¦}}<!-- -->{{item|{{#arrayindex:_result_array|0}}<!-- -->|link={{#arrayindex:_result_array|1}}<!-- -->|image={{#arrayindex:_result_array|2}}<!-- -->}}<!-- -->{{#arrayindex:_result_array|3}}<!-- --></td><td class="ingredients"><!-- //ingredients cell -->{{#i..." wikitext text/x-wiki <includeonly>{{#if:{{{1|}}}|<!-- //0=result 1=ingredients -->{{#arraydefine:_row_array|{{{1}}}|«}}<!-- --><tr><td class="result"><!-- //result cell -->{{#arraydefine:_result_array|{{#arrayindex:_row_array|0}}|¦}}<!-- -->{{item|{{#arrayindex:_result_array|0}}<!-- -->|link={{#arrayindex:_result_array|1}}<!-- -->|image={{#arrayindex:_result_array|2}}<!-- -->}}<!-- -->{{#arrayindex:_result_array|3}}<!-- --></td><td class="ingredients"><!-- //ingredients cell -->{{#invoke:Crafts/ingredient|go|{{#arrayindex:_row_array|1}}|{{BASEPAGENAME}}}}<!-- --></td></tr><!-- -->}}</includeonly><noinclude>Internal sub-template. See [[Template:Crafts]] for documentation.[[Category:Crafting templates]]</noinclude> b5b1ae274046d18f30af3457597ccb9ba51460a3 10 359 420 2025-07-15T07:48:15Z Squeaker 434557 Created page with "<includeonly><!-- -->{{#switch:{{{1|}}} |By Hand=[[By Hand]] |Lead Anvil |Iron Anvil={{item|Iron Anvil|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Lead Anvil|wrap=y}} |Orichalcum Anvil |Mythril Anvil={{item|Mythril Anvil|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Orichalcum Anvil|wrap=y}} |Demon Altar |Crimson Altar |Altar={{item|Demon Altar|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Crimson Altar|wrap=y}} |Titanium Forge |Adamantite Forge={{item|Adaman..." wikitext text/x-wiki <includeonly><!-- -->{{#switch:{{{1|}}} |By Hand=[[By Hand]] |Lead Anvil |Iron Anvil={{item|Iron Anvil|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Lead Anvil|wrap=y}} |Orichalcum Anvil |Mythril Anvil={{item|Mythril Anvil|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Orichalcum Anvil|wrap=y}} |Demon Altar |Crimson Altar |Altar={{item|Demon Altar|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Crimson Altar|wrap=y}} |Titanium Forge |Adamantite Forge={{item|Adamantite Forge|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Titanium Forge|wrap=y}} |Cooking Pot |Cauldron={{item|Cooking Pot|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Cauldron|wrap=y}} |Furnace |Work Bench |Sawmill |Tinkerer's Workshop |Dye Vat |Table |Chair |Loom |Keg |Hellforge |Alchemy Station |Bookcase |Imbuing Station |Blend-O-Matic |Meat Grinder |Solidifier |Autohammer |Ice Machine |Heavy Work Bench |Bone Welder |Steampunk Boiler |Sky Mill |Lihzahrd Furnace |Honey Dispenser |Glass Kiln |Flesh Cloning Vat |Ancient Manipulator |Crystal Ball |Honey |Lava |Living Loom={{item|{{{1|}}}|wrap=y}} |Water |Sink={{item|Water|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Sink|wrap=y}} |Bottle only |Placed Bottle only={{item|Placed Bottle|wrap=y}} |Bottle |Alchemy Table |Placed Bottle={{item|Placed Bottle|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Alchemy Table|wrap=y}} |Chair and Work Bench |Work Bench and Chair={{item|Work Bench|wrap=y}}&nbsp;'''and'''&nbsp;{{item|Chair|wrap=y}} |Chair and Table |Table and Chair={{item|Table|wrap=y}}&nbsp;'''and'''&nbsp;{{item|Chair|wrap=y}} |Lava and Crystal Ball |Crystal Ball and Lava={{item|Crystal Ball|wrap=y}}&nbsp;'''and'''&nbsp;{{item|Lava|wrap=y}} |Honey and Crystal Ball |Crystal Ball and Honey={{item|Crystal Ball|wrap=y}}&nbsp;'''and'''&nbsp;{{item|Honey|wrap=y}} |Water and Crystal Ball |Sink and Crystal Ball |Crystal Ball and Sink |Crystal Ball and Water={{item|Crystal Ball|wrap=y}}&nbsp;'''and'''&nbsp;{{item|Water|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Crystal Ball|wrap=y}}&nbsp;'''and'''&nbsp;{{item|Sink|wrap=y}} |Sky Mill and Water |Sink and Sky Mill |Sky Mill and Sink |Water and Sky Mill= {{item|Sky Mill|wrap=y}}&nbsp;'''and'''&nbsp;{{item|Water|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Sky Mill|wrap=y}}&nbsp;'''and'''&nbsp;{{item|Sink|wrap=y}} |Sky Mill and Snow biome |Snow biome and Sky Mill = {{item|Sky Mill|wrap=y}}&nbsp;'''and'''&nbsp;[[Snow biome]] |Snow biome = [[Snow biome]] |Work Bench and Ecto Mist = {{item|Work Bench|wrap=y}}&nbsp;'''and'''&nbsp;[[Ecto Mist]] |Iron Anvil and Ecto Mist = {{item|Iron Anvil|wrap=y}}<br/>&nbsp;&nbsp;&nbsp;''or''<br/>{{item|Lead Anvil|wrap=y}}&nbsp;'''and'''&nbsp;[[Ecto Mist]] |Heavy Work Bench and Ecto Mist = {{item|Heavy Work Bench|wrap=y}}&nbsp;'''and'''&nbsp;[[Ecto Mist]] |Tinkerer's Workshop and Ecto Mist = {{item|Tinkerer's Workshop|wrap=y}}&nbsp;'''and'''&nbsp;[[Ecto Mist]] |Shimmer |Shimmer Transmutation = {{item|Shimmer|Shimmer Transmutation|ext=gif}} |#default={{#ifeq:{{#sub:{{{1|}}}|0|1}}|:|{{#sub:{{{1|}}}|1}}|{{item|{{{1|}}}}}}} }}<!-- --></includeonly><noinclude>Internal sub-template that formats the [[Crafting stations|Crafting station]] for [[Template:Crafts]]. See it for documentation.[[Category:Crafting templates]]</noinclude> 866eaaaa36283a4aba93724dd764905300488686 10 360 421 2025-07-15T07:48:58Z Squeaker 434557 Created page with "=<includeonly><!-- -->{{#vardefine:arg2|{{{2|s}}}}}<!-- -->{{#vardefine:arg3|{{{3|}}}}}<!-- // Note: {{#vardefineecho:_| xxxx }} is a little faster than {{trim| xxxx }} (~0.11ms vs ~0.10ms), since they are both so fast, using {{trim}} may improve code readability. -->[[{{tr|{{#vardefineecho:_|{{displaytext|{{{1|}}}|{{#var:arg2|}}|lang=en}} {{#if:{{#var:arg3|}}|({{#var:arg3}})}}}}|link=y}}|{{tr|{{{1}}}}}]]<!-- --></includeonly><!-- --><noinclude>{{i18n-ready}}{{doc}}..." wikitext text/x-wiki =<includeonly><!-- -->{{#vardefine:arg2|{{{2|s}}}}}<!-- -->{{#vardefine:arg3|{{{3|}}}}}<!-- // Note: {{#vardefineecho:_| xxxx }} is a little faster than {{trim| xxxx }} (~0.11ms vs ~0.10ms), since they are both so fast, using {{trim}} may improve code readability. -->[[{{tr|{{#vardefineecho:_|{{displaytext|{{{1|}}}|{{#var:arg2|}}|lang=en}} {{#if:{{#var:arg3|}}|({{#var:arg3}})}}}}|link=y}}|{{tr|{{{1}}}}}]]<!-- --></includeonly><!-- --><noinclude>{{i18n-ready}}{{doc}} [[Category:Formatting templates]] </noinclude> 3d685247a65afa651db70a3b39b88997bdeb5a1f 422 421 2025-07-15T07:49:08Z Squeaker 434557 wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:arg2|{{{2|s}}}}}<!-- -->{{#vardefine:arg3|{{{3|}}}}}<!-- // Note: {{#vardefineecho:_| xxxx }} is a little faster than {{trim| xxxx }} (~0.11ms vs ~0.10ms), since they are both so fast, using {{trim}} may improve code readability. -->[[{{tr|{{#vardefineecho:_|{{displaytext|{{{1|}}}|{{#var:arg2|}}|lang=en}} {{#if:{{#var:arg3|}}|({{#var:arg3}})}}}}|link=y}}|{{tr|{{{1}}}}}]]<!-- --></includeonly><!-- --><noinclude>{{i18n-ready}}{{doc}} [[Category:Formatting templates]] </noinclude> ffbc896cd8c8a32bab06da85bca9c285fbc1273f 10 361 423 2025-07-15T07:49:58Z Squeaker 434557 Created page with "<includeonly><!-- -->{{#switch:{{{1|}}}<!-- -->|reset|resetall=<!-- -->{{#vardefine:_item_flag_anchor|}}<!-- -->{{#vardefine:_item_flag_mode|}}<!-- -->{{#vardefine:_item_flag_wrap|}}<!-- -->{{#vardefine:_item_flag_nolink|}}<!-- -->{{#vardefine:_item_flag_class|}}<!-- -->{{#vardefine:_item_flag_css|}}<!-- -->|get|load=<!-- -->{{#switch:{{{2|}}}<!-- -->|anchor={{#var:_item_flag_anchor|}}<!-- -->|mode={{#var:_item_flag_mode|}}<!-- -->|wrap={{#var:_..." wikitext text/x-wiki <includeonly><!-- -->{{#switch:{{{1|}}}<!-- -->|reset|resetall=<!-- -->{{#vardefine:_item_flag_anchor|}}<!-- -->{{#vardefine:_item_flag_mode|}}<!-- -->{{#vardefine:_item_flag_wrap|}}<!-- -->{{#vardefine:_item_flag_nolink|}}<!-- -->{{#vardefine:_item_flag_class|}}<!-- -->{{#vardefine:_item_flag_css|}}<!-- -->|get|load=<!-- -->{{#switch:{{{2|}}}<!-- -->|anchor={{#var:_item_flag_anchor|}}<!-- -->|mode={{#var:_item_flag_mode|}}<!-- -->|wrap={{#var:_item_flag_wrap|}}<!-- -->|nolink={{#var:_item_flag_nolink|}}<!-- -->|class={{#var:_item_flag_class|}}<!-- -->|css|style={{#var:_item_flag_css|}}<!-- -->}}<!-- -->|#default=<!-- -->{{#switch:{{{anchor|}}}<!-- -->|y|yes={{#vardefine:_item_flag_anchor|y}}<!-- -->|n|no={{#vardefine:_item_flag_anchor|}}<!-- -->}}<!-- -->{{#switch:{{{wrap|}}}<!-- -->|y|yes={{#vardefine:_item_flag_wrap|y}}<!-- -->|n|no={{#vardefine:_item_flag_wrap|}}<!-- -->}}<!-- -->{{#switch:{{{nolink|}}}<!-- -->|y|yes={{#vardefine:_item_flag_nolink|y}}<!-- -->|n|no={{#vardefine:_item_flag_nolink|}}<!-- -->}}<!-- -->{{#vardefine:_item_flag_mode|{{{mode|{{#var:_item_flag_mode|}}}}}}}<!-- -->{{#vardefine:_item_flag_class|{{{class|{{#var:_item_flag_class|}}}}}}}<!-- -->{{#vardefine:_item_flag_css|{{{css|{{{style|{{#var:_item_flag_css|}}}}}}}}}}<!-- -->}}<!-- --></includeonly><noinclude>Set/get default options for {{tl|item}}. See {{tl|item}} for document. [[Category:Icon templates]]</noinclude> 868ad1d00b2d1ae226b84c19e0ff763c587192d1 10 362 424 2025-07-15T07:50:48Z Squeaker 434557 Created page with "<includeonly>{{#invoke:Diagram|render}}</includeonly><noinclude> {{lua}} {{doc}} {{category|Formatting templates}} {{language info|en=Template:Diagram}} </noinclude>" wikitext text/x-wiki <includeonly>{{#invoke:Diagram|render}}</includeonly><noinclude> {{lua}} {{doc}} {{category|Formatting templates}} {{language info|en=Template:Diagram}} </noinclude> ed4a7691dba7dbf53997681a579f4bfa986cd14d 828 363 425 2025-07-15T07:51:08Z Squeaker 434557 Created page with "local trim = mw.text.trim local inputArgs local function getArg(key) local v = trim(inputArgs[key] or '') if v=='' then return nil else return v end end local function tableStartTag() local t local str = '<table class="diagram' t = getArg('class') if t then str = str .. ' ' .. t end str = str .. '"' t = getArg('id') if t then str = str .. ' id="' .. t ..'"' end t = getArg('style') or getArg('css') if t then str = str .. ' style="' .. t ..'"'..." Scribunto text/plain local trim = mw.text.trim local inputArgs local function getArg(key) local v = trim(inputArgs[key] or '') if v=='' then return nil else return v end end local function tableStartTag() local t local str = '<table class="diagram' t = getArg('class') if t then str = str .. ' ' .. t end str = str .. '"' t = getArg('id') if t then str = str .. ' id="' .. t ..'"' end t = getArg('style') or getArg('css') if t then str = str .. ' style="' .. t ..'"' end t = getArg('summary') if t then str = str .. ' title="' .. t ..'"' end return str .. '>' end -------------------------------------------------------------- return { render = function(frame) --currentFrame = frame inputArgs = frame:getParent().args local str = tableStartTag() local _i = 1 local v local row1 = '' local row2 = '' local boxclass = getArg('boxclass') local boxstyle = getArg('boxstyle') while true do v = inputArgs[_i] if not v then break end _i = _i+1 v = trim(v) if v == '#' then str = str .. '<tr class="x"> '..row1 .. '</tr><tr class="y">' .. row2 .. '</tr>' row1 = '' row2 = '' elseif v == '_' or v == '0' or v == 'O' then row1 = row1 .. '<td class="l nr nb"></td><td class="l"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == '-' then row1 = row1 .. '<td colspan="2" class="l sb"></td>' row2 = row2 .. '<td class="l nr"></td><td class="l"></td>' elseif v == 'I' then row1 = row1 .. '<td rowspan="2" class="l sr"></td><td class="l nb"></td>' row2 = row2 .. '<td class="l"></td>' elseif v == ',' then row1 = row1 .. '<td class="l cf"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == 'v' then row1 = row1 .. '<td colspan="2" class="l sb"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == '.' then row1 = row1 .. '<td class="l sb"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l sr"></td>' elseif v == ')' then row1 = row1 .. '<td rowspan="2" class="l sr"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l"></td>' elseif v == '+' then row1 = row1 .. '<td class="l sr sb"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == '(' then row1 = row1 .. '<td class="l sb sr"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l sr"></td>' elseif v == '`' then row1 = row1 .. '<td class="l sr"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == '^' then row1 = row1 .. '<td class="l sr sb"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == "'" then row1 = row1 .. '<td class="l sr sb"></td><td class="l"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == '~' then row1 = row1 .. '<td colspan="2" class="l db"></td>' row2 = row2 .. '<td class="l nr"></td><td class="l"></td>' elseif v == ':' then row1 = row1 .. '<td rowspan="2" class="l dr"></td><td class="l nb"></td>' row2 = row2 .. '<td class="l"></td>' elseif v == 'F' then row1 = row1 .. '<td class="l cf"></td><td class="l db"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == 'V' then row1 = row1 .. '<td colspan="2" class="l db"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == '7' then row1 = row1 .. '<td class="l db"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l dr"></td>' elseif v == 'D' then row1 = row1 .. '<td rowspan="2" class="l dr"></td><td class="l db"></td>' row2 = row2 .. '<td class="l"></td>' elseif v == 'X' then row1 = row1 .. '<td class="l dr db"></td><td class="l db"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == 'C' then row1 = row1 .. '<td class="l db dr"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l dr"></td>' elseif v == 'L' then row1 = row1 .. '<td class="l dr"></td><td class="l db"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 'A' then row1 = row1 .. '<td class="l dr db"></td><td class="l db"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 'J' then row1 = row1 .. '<td class="l dr db"></td><td class="l"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 'r' then row1 = row1 .. '<td class="l cf"></td><td class="l db"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == 'y' then row1 = row1 .. '<td colspan="2" class="l db"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == 'n' then row1 = row1 .. '<td class="l db"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l sr"></td>' elseif v == ']' then row1 = row1 .. '<td rowspan="2" class="l sr"></td><td class="l db"></td>' row2 = row2 .. '<td class="l"></td>' elseif v == '$' then row1 = row1 .. '<td class="l sr db"></td><td class="l db"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == '[' then row1 = row1 .. '<td class="l db sr"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l sr"></td>' elseif v == 'c' then row1 = row1 .. '<td class="l sr"></td><td class="l db"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 'h' then row1 = row1 .. '<td class="l sr db"></td><td class="l db"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 'j' then row1 = row1 .. '<td class="l sr db"></td><td class="l"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 'p' then row1 = row1 .. '<td class="l cf"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == 'u' then row1 = row1 .. '<td colspan="2" class="l sb"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == 'q' then row1 = row1 .. '<td class="l sb"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l dr"></td>' elseif v == 'E' then row1 = row1 .. '<td rowspan="2" class="l dr"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l"></td>' elseif v == 'x' then row1 = row1 .. '<td class="l dr sb"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == '3' then row1 = row1 .. '<td class="l sb dr"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l dr"></td>' elseif v == 'b' then row1 = row1 .. '<td class="l dr"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 't' then row1 = row1 .. '<td class="l dr sb"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 'd' then row1 = row1 .. '<td class="l dr sb"></td><td class="l"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == '/' then row1 = row1 .. '<td class="l dr db"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == 'Y' then row1 = row1 .. '<td class="l dr sb"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == '\\' then row1 = row1 .. '<td class="l dr sb"></td><td class="l db"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == 'B' then row1 = row1 .. '<td class="l sr db"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == 'G' then row1 = row1 .. '<td class="l sr sb"></td><td class="l db"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == 'R' then row1 = row1 .. '<td class="l sr db"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == 'U' then row1 = row1 .. '<td class="l sr sb"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == '4' then row1 = row1 .. '<td class="l sr sb"></td><td class="l db"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == '!' then row1 = row1 .. '<td class="l sr nb"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l dr"></td>' elseif v == 'i' then row1 = row1 .. '<td class="l dr nb"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l sr"></td>' elseif v == '<' then row1 = row1 .. '<td class="l sb nr"></td><td class="l db"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == '>' then row1 = row1 .. '<td class="l db nr"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == '9' then row1 = row1 .. '<td class="l sr nb"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l"></td>' elseif v == '6' then row1 = row1 .. '<td colspan="2" class="l nb"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == '&' then row1 = row1 .. '<td class="l sb nr"></td><td class="l"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == '?' then row1 = row1 .. '<td class="l nr"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == '"' then row1 = row1 .. '<td class="l dr nb"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l"></td>' elseif v == ';' then row1 = row1 .. '<td colspan="2" class="l nb"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == 'a' then row1 = row1 .. '<td class="l db nr"></td><td class="l"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 'e' then row1 = row1 .. '<td class="l nr"></td><td class="l db"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 'M' then row1 = row1 .. '<td class="l dr db"></td><td class="l db"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == 'W' then row1 = row1 .. '<td class="l sr db"></td><td class="l db"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == '2' then row1 = row1 .. '<td class="l dr sb"></td><td class="l db"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == '5' then row1 = row1 .. '<td class="l dr db"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == 'f' then row1 = row1 .. '<td class="l sr nb"></td><td class="l db"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == 'g' then row1 = row1 .. '<td class="l sr db"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l dr"></td>' elseif v == 'k' then row1 = row1 .. '<td class="l dr nb"></td><td class="l db"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == 's' then row1 = row1 .. '<td class="l dr db"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l sr"></td>' elseif v == 'o' then row1 = row1 .. '<td class="l nr sb"></td><td class="l db"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == 'm' then row1 = row1 .. '<td class="l nr db"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == 'w' then row1 = row1 .. '<td class="l dr sb"></td><td class="l db"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 'z' then row1 = row1 .. '<td class="l dr db"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 'P' then row1 = row1 .. '<td class="l dr nb"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == 'H' then row1 = row1 .. '<td class="l dr sb"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l sr"></td>' elseif v == 'K' then row1 = row1 .. '<td class="l sr nb"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l dr"></td><td class="l"></td>' elseif v == 'N' then row1 = row1 .. '<td class="l sr sb"></td><td class="l" rowspan="2"></td>' row2 = row2 .. '<td class="l dr"></td>' elseif v == 'T' then row1 = row1 .. '<td class="l nr db"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == 'Z' then row1 = row1 .. '<td class="l nr sb"></td><td class="l db"></td>' row2 = row2 .. '<td class="l sr"></td><td class="l"></td>' elseif v == 'S' then row1 = row1 .. '<td class="l sr db"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == 'Q' then row1 = row1 .. '<td class="l sr sb"></td><td class="l db"></td>' row2 = row2 .. '<td class="l" colspan="2"></td>' elseif v == '←' then row1 = row1 .. '<td class="l sb alt"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l alb" colspan="2"></td>' elseif v == '→' then row1 = row1 .. '<td class="l sb"></td><td class="l sb art"></td>' row2 = row2 .. '<td class="l arb" colspan="2"></td>' elseif v == '↑' then row1 = row1 .. '<td class="l sr atl"></td><td class="l atr" rowspan="2"></td>' row2 = row2 .. '<td class="l sr"></td>' elseif v == '↓' then row1 = row1 .. '<td class="l sr"></td><td class="l abr" rowspan="2"></td>' row2 = row2 .. '<td class="l sr abl"></td>' elseif v == '⇠' then row1 = row1 .. '<td class="l db alt"></td><td class="l db"></td>' row2 = row2 .. '<td class="l alb" colspan="2"></td>' elseif v == '⇢' then row1 = row1 .. '<td class="l db"></td><td class="l db art"></td>' row2 = row2 .. '<td class="l arb" colspan="2"></td>' elseif v == '⇡' then row1 = row1 .. '<td class="l dr atl"></td><td class="l atr" rowspan="2"></td>' row2 = row2 .. '<td class="l dr"></td>' elseif v == '⇣' then row1 = row1 .. '<td class="l dr"></td><td class="l abr" rowspan="2"></td>' row2 = row2 .. '<td class="l dr abl"></td>' elseif v == '*' then -- unlinked crossing row1 = row1 .. '<td class="l sb ct"></td><td class="l sb"></td>' row2 = row2 .. '<td class="l sr cb"></td><td class="l"></td>' elseif v == '' then -- just skip. else -- content box local cols = tonumber(getArg(v..'_cols') or 3) local rows = tonumber(getArg(v..'_rows') or 1) row1 = row1 .. '<td colspan="' .. tostring(cols*2) .. '" rowspan="' .. tostring(rows*2) .. '" class="diagram-box' local t = getArg(v..'_class') if boxclass or t then row1 = row1 .. ' ' .. tostring(boxclass or '') .. ' ' .. tostring(t or '') end row1 = row1 .. '"' t = getArg(v..'_id') if t then row1 = row1 .. ' id="' .. t ..'"' end t = getArg(v..'_boxstyle') or getArg(v..'_style') or getArg(v..'_css') if boxstyle or t then row1 = row1 .. ' style="' .. tostring(boxstyle or '') .. ';' .. tostring(t or '') .. '"' end row1 = row1 .. '>' .. trim(inputArgs[v] or '') .. '</td>' end end if row1 ~= '' then str = str .. '<tr class="x"> '..row1 .. '</tr><tr class="y">' .. row2 .. '</tr>' end return str .. '</table>' end, } 269284a2cf29f5b70c5a9e35dc53936471b9e9f8 10 364 426 2025-07-15T07:51:35Z Squeaker 434557 Created page with "<includeonly><!-- // l10n content is in Module:item/l10n // -->{{#vardefine:__lang|{{{lang|{{lang}}}}}}}<!-- -->{{#invoke:item|purge|<!-- //arg1: item (english) name. -->@name:{{#vardefineecho:__item:itemname|{{{1|}}}}}^<!-- en name //arg2: display text -->@text:{{#or:{{{t|}}}|{{#if:{{{2|}}}|<!-- -->{{displaytext|{{#var:__item:itemname}}|{{{2|}}}|lang={{#var:__lang}}}}<!-- -->|<!-- -->{{#if:{{{1|}}}|{{tr|{{{1|}}}|lang={{#var:__lang}}}}|{{tr|{{#var:__item:i..." wikitext text/x-wiki <includeonly><!-- // l10n content is in Module:item/l10n // -->{{#vardefine:__lang|{{{lang|{{lang}}}}}}}<!-- -->{{#invoke:item|purge|<!-- //arg1: item (english) name. -->@name:{{#vardefineecho:__item:itemname|{{{1|}}}}}^<!-- en name //arg2: display text -->@text:{{#or:{{{t|}}}|{{#if:{{{2|}}}|<!-- -->{{displaytext|{{#var:__item:itemname}}|{{{2|}}}|lang={{#var:__lang}}}}<!-- -->|<!-- -->{{#if:{{{1|}}}|{{tr|{{{1|}}}|lang={{#var:__lang}}}}|{{tr|{{#var:__item:itemname}}|lang={{#var:__lang}}}}}}<!-- -->}}}}^<!-- -->@mode:{{{mode|{{#var:_item_flag_mode|}}}}}^<!-- -->@rowspan:{{{rowspan|}}}^<!-- -->@image:{{{image|}}}^<!-- -->@scale:{{{scale|{{#var:_item_flag_scale|}}}}}^<!-- -->@size:{{{size|}}}^<!-- -->@maxsize:{{{maxsize|{{#var:_item_flag_maxsize|}}}}}^<!-- -->@ext:{{{ext|}}}^<!-- -->@nolink:{{#vardefineecho:_nl|{{{nolink|{{#var:_item_flag_nolink|{{#if:{{{link|-link-}}}||y}}}}}}}}}^<!-- if $nolink or $nolink_flag or $link == '' -->@link:{{{link|{{#if:{{#var:_nl|}}||{{tr|{{#var:__item:itemname}}|link=y|lang={{#var:__lang}}}}}}}}}^<!-- -->@anchor:{{{anchor|{{#var:_item_flag_anchor|}}}}}^<!-- -->@note:{{{note|}}}^<!-- -->@note2:{{{note2|}}}^<!-- -->@id:{{{id|}}}^<!-- in module:item, {{<type>IdFromName}} will be called if needed. -->@showid:{{{showid|{{#var:_item_flag_showid|}}}}}^<!-- -->@type:{{{type|}}}^<!-- -->@wrap:{{{wrap|{{#var:_item_flag_wrap|}}}}}^<!-- -->@class:{{{class|{{#var:_item_flag_class|}}}}}^<!-- -->@css:{{{css|{{{style|{{#var:_item_flag_css|}}}}}}}}^<!-- -->@lang:{{#var:__lang}}^<!-- -->@anchor:{{#if:{{bool|{{{anchor|{{#var:_item_flag_anchor}}}}}}}|<!-- --><s class="anchor" id="{{anchorencode:{{#var:__item:itemname}}}}"></s><!-- en version -->{{#ifeq:{{#var:__lang}}|en||<s class="anchor" id="{{anchorencode:{{tr|{{#var:__item:itemname}}|lang={{#var:__lang}}}}}}"></s>}}<!-- l10n version -->}}^<!-- -->}}<!-- --></includeonly><noinclude>{{lua}}<!-- -->{{doc}}</noinclude> 2a550e1c4b13120caa70fd97a6c4ea68122bb3b8 10 365 427 2025-07-15T07:54:25Z Squeaker 434557 Created page with "<includeonly> {{#if:{{{class|}}}|<!--nothing-->| {{{!}} class="terraria {{#if:{{{no-outer|}}}|yes|<!--nothing-->|outer}}" style="{{{style2|}}}" {{!}} }} {| class="{{{class|sortable lined inner}}}" style="{{{style|}}}" {{{col}}} |- {{#dpl: | category = {{{cat}}} | ordermethod = {{{ordermethod|titlewithoutnamespace}}} | order = {{{order|ascending}}} | include = {{{{template|item infobox}}}¦{{{format|/dpl}}}} | mode = userformat }} |} {{#if:{{{class|}}}|<!--nothing-->| {{!..." wikitext text/x-wiki <includeonly> {{#if:{{{class|}}}|<!--nothing-->| {{{!}} class="terraria {{#if:{{{no-outer|}}}|yes|<!--nothing-->|outer}}" style="{{{style2|}}}" {{!}} }} {| class="{{{class|sortable lined inner}}}" style="{{{style|}}}" {{{col}}} |- {{#dpl: | category = {{{cat}}} | ordermethod = {{{ordermethod|titlewithoutnamespace}}} | order = {{{order|ascending}}} | include = {{{{template|item infobox}}}¦{{{format|/dpl}}}} | mode = userformat }} |} {{#if:{{{class|}}}|<!--nothing-->| {{!}}} }}</includeonly><noinclude>{{doc}}</noinclude> b5ddeac25d8b5c2600dc09890b068f3451de7076 10 343 428 404 2025-07-15T09:00:37Z Squeaker 434557 wikitext text/x-wiki <includeonly>{| class="infobox" style="font-size:89%; width:21em; -moz-border-radius: .7em; -webkit-border-radius: .7em; border-radius: .7em;" |- ! colspan="2" style="background-color: #373d40; color: #ffffff; font-size:120%; padding:0.5em;" | {{{name|{{BASEPAGENAME}}}}} |- style="text-align:center" | colspan="2" style="padding:0.5em;" | {{{imagealt|[[File:{{{image|{{{name|{{BASEPAGENAME}}}}}.png}}}]]}}} |- ! colspan="2" style="background-color: #373d40; color: #ffffff; padding:0em;" | Statistics |- | style="width:30%" | '''Type''' | style="width:70%" | {{{type}}}{{#if: {{{type2|}}} | &#32;&ndash;&#32;{{{type2}}} }} |- {{#if: {{{cause|}}}| {{!}} '''Buffed by''' {{!}} {{#ifeq: {{{cause|}}} | potion | [[{{PAGENAME}} Potion]] | {{{cause|}}} }} }} |- {{#if: {{{effects|}}}| {{!}} '''Effects''' {{!}} {{{effects|}}} }} |- {{#if: {{{duration|}}}| {{!}} '''Duration''' {{!}} {{{duration|}}} }} |- {{!}} style="vertical-align:middle" {{!}} '''Tooltip''' {{!}} style="font-style:italic;" {{!}} {{{tooltip|{{bufftip|{{BASEPAGENAME}}}}}}} |}{{#if:{{{type|}}}|[[Category:{{{type}}}s]]}}<!-- -->{{#if:{{{type2|}}}|[[Category:{{{type2}}}s]]}}<!-- </includeonly><noinclude>{{doc}}</noinclude> f72f6711f9818c076bffc615e1b30d6e670ff8ad 429 428 2025-07-15T09:01:03Z Squeaker 434557 Undo revision [[Special:Diff/428|428]] by [[Special:Contributions/Squeaker|Squeaker]] ([[User talk:Squeaker|talk]]) wikitext text/x-wiki <includeonly><!-- -->{{#arraydefine:bi:items|{{#fornumargs:|v|{{#var:v}}@@}}|@@}}<!-- -->{{#arrayunique:bi:items}}<!-- -->{{#vardefine:bi:show_ids|{{bool|{{{showid|1}}}}}}}<!-- -->{{#vardefine:bi:cate|<!-- -->{{#if:{{#var:bi:type}}|{{#if:{{bool|{{{nocat|}}}}}||<!-- -->[[Category:{{#var:bi:type}}s]]<!-- -->}}}}<!-- -->}}<!-- // start output --><infobox type="buff"><!-- --><title source="name"><!-- --><default>{{BASEPAGENAME}}</default><!-- --></title><!-- --><title source="namesub" name="subtitle"></title><!-- --><group row-items="2"><!-- --><data source="image"><!-- --><format>[[File:{{{image}}}|link=]]</format><!-- --><default>{{{imagealt|[[File:{{{name|{{BASEPAGENAME}}}}}.png|link=]]}}}</default><!-- --></data><!-- --></group><!-- --><group><!-- --><header>Statistics</header><!-- --><data source="type"><!-- --><label>Type</label><!-- --><format>[[{{ucfirst:{{{type}}}}}]]</format><!-- --></data><!-- --><data source="cause"><!-- --><label>Cause</label><!-- --></data><!-- --><data source="effects"><!-- --><label>Effects</label><!-- --></data><!-- --><data source="duration"><!-- --><label>Duration</label><!-- --></data><!-- --><data source="tooltip"><!-- --><label>Tooltip</label><!-- --><format><i>{{{tooltip}}}</i></format><!-- --></data><!-- --></group><!-- --><group collapse="open"><!-- --><header>Items to prevent</header><!-- --><data><!-- --><default><!-- -->{{#ifexpr:{{#arraysize:bi:items}}|<!-- --><ul style="margin: 0.5em 1em 0; list-style: none;"><!-- -->{{#arrayprint:bi:items||@@@@|<li style="margin: 0.5em auto;">{{item|@@@@}}</li>}}<!-- --></ul><!-- -->}}<!-- --></default><!-- --></data><!-- --></group><!-- --><group collapse="closed"><!-- --><header>Internal IDs</header><!-- --><data><!-- --><label>Buff ID</label><!-- --><default><!-- -->{{#if:{{#var:bi:show_ids}}|<!-- -->{{{idshow|{{{id|}}}}}}<!-- -->}}<!-- --></default><!-- --></data><!-- --><data><!-- --><label>Internal name</label><!-- --><default><!-- -->{{#if:{{#var:bi:show_ids}}|<!-- -->{{#if:{{{internalname|}}}|<!-- --><code>{{{internalname}}}</code><!-- -->}}<!-- -->}}<!-- --></default><!-- --></data><!-- --></group><!-- --></infobox><!-- // categorization -->{{#ifeq:{{NAMESPACE}}|{{ns:0}}|{{#var:bi:cate}}}}<!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 3d35a2943a951cc58b15446cf9dd5213cdbbbf7d 436 429 2025-07-19T08:15:38Z Squeaker 434557 wikitext text/x-wiki <includeonly>{| class="infobox" style="font-size:89%; width:21em; -moz-border-radius: .7em; -webkit-border-radius: .7em; border-radius: .7em;" |- ! colspan="2" style="background-color: #373d40; color: #ffffff; font-size:120%; padding:0.5em;" | {{{name|{{BASEPAGENAME}}}}} |- style="text-align:center" | colspan="2" style="padding:0.5em;" | {{{imagealt|[[File:{{{image|{{{name|{{BASEPAGENAME}}}}}.png}}}]]}}} |- ! colspan="2" style="background-color: #373d40; color: #ffffff; padding:0em;" | Statistics |- | style="width:30%" | '''Type''' | style="width:70%" | {{{type}}}{{#if: {{{type2|}}} | &#32;&ndash;&#32;{{{type2}}} }} |- {{#if: {{{cause|}}}| {{!}} '''Buffed by''' {{!}} {{#ifeq: {{{cause|}}} | potion | [[{{PAGENAME}} Potion]] | {{{cause|}}} }} }} |- {{#if: {{{effects|}}}| {{!}} '''Effects''' {{!}} {{{effects|}}} }} |- {{#if: {{{duration|}}}| {{!}} '''Duration''' {{!}} {{{duration|}}} }} |- {{!}} style="vertical-align:middle" {{!}} '''Tooltip''' {{!}} style="font-style:italic;" {{!}} {{{tooltip|{{bufftip|{{BASEPAGENAME}}}}}}} |}{{#if:{{{type|}}}|[[Category:{{{type}}}s]]}}<!-- -->{{#if:{{{type2|}}}|[[Category:{{{type2}}}s]]}}<!-- </includeonly><noinclude>{{doc}}</noinclude> f72f6711f9818c076bffc615e1b30d6e670ff8ad 8 226 430 348 2025-07-18T06:06:04Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); --wiki-sidebar-border-radius 20px /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************* * Additional stuff * *********************/ /*********************************************************************************************************** * css for certain templates ***********************************************************************************************************/ /********* Infobox templates *********/ /* Common styles for these infobox templates: * [[Template:Drop infobox]] * [[Template:Item infobox]] * [[Template:Npc infobox]] * (other infobox templates are portable infoboxes instead and do not use the common ".infobox" class) */ .infobox { border: 1px solid var(--theme-box-border-color); border-radius: 8px; --padding: 6px; padding: var(--padding); font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; box-sizing: border-box; } .infobox * { background: none; } .infobox.float-right { float: right; margin: 0.5em 0 0.5em 1em; } .infobox.float-left { float: left; margin: 0.5em 1em 0.5em 0; } .infobox.float-none { float: none; margin: 0.5em 1em 0.5em 0; } .infobox blockquote.quotation { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0 0.25em; margin: 0.5em auto; } .infobox blockquote.quotation:before { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ font-size: 3.5em; left: 0; } .infobox blockquote.quotation div { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0; margin-left: 2em; border-left: 0; } .infobox table { background: none; width: 100%; border-spacing: 0; } .infobox table th, .infobox table td { padding: 2px; vertical-align: middle; } .infobox table th { white-space: nowrap; text-align: right; width: 5em; /* It is possible that an infobox is transcluded inside a table that * has "class=terraria". There is a rule for "table.terraria th" that * sets a background, but we don't want that to affect the <th> * elements of the infobox. Therefore we must override it here. */ background: none; } .infobox > .title, .infobox .section > .title { background: var(--modetabs-background); color: var(--modetabs-text-color); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title { font-size: 15px; padding: 6px 3px; line-height: 1.2; } .infobox > .title > .ename, .infobox > .title > .namesub { display: block; font-size: 12px; font-style: italic; } .infobox > .title > .namesub { color: var(--theme-text-color-note); } .infobox > .title > .namesub:before { content: "("; font-style: normal; margin-right: 1px; } .infobox > .title > .namesub:after { content: ")"; font-style: normal; margin-left: 1px; } .infobox > .title > .namesub.namenote { font-size: 10px; } .infobox .content-section { padding: 6px 3px; } .infobox .variant { color: var(--modetabs-text-color); font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; margin-bottom: 2px; } .infobox .images { position: relative; padding: 6px 0; min-height: 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; } .infobox .images img { max-width: 100%; height: auto; } .infobox ul { list-style: none; margin: auto; text-align: center; } .infobox .section { margin-bottom: 4px; } .infobox .section:last-child { margin-bottom: 0; } .infobox .section > .title:first-child + * { margin-top: 4px; } .infobox .section > .title:first-child + :empty { /* hide empty section contents */ display: none; } .infobox .section > .title:last-child { /* hide titles of empty sections */ display: none; } .infobox .section .stat th .gameText { /* revert the "white-space:pre-wrap" in {{gameText}} in captions, e.g. in the sound section */ white-space: unset; } .infobox .section.buff table, .infobox .section.debuff table { border-bottom: 1px solid var(--theme-box-border-color); margin-bottom: 0.25em; } .infobox .section.buff:after, .infobox .section.debuff:after { content: ""; display: block; height: 4px; margin-top: -7px; background: var(--theme-page-background-color); } .infobox .section.ids { border-top: 1px solid var(--theme-box-border-color); text-align: center; font-size: 10.5px; background: var(--modetabs-background); color: var(--modetabs-text-color); } .infobox .section.ids li { padding: 2px 0; border-bottom: 2px solid var(--theme-page-background-color); margin: 0; font-weight: bold; } .infobox .section.ids li:last-child { border-bottom: 0; } .infobox tr.buff th, .infobox tr.buff td { background: var(--modetabs-background); border: 1px solid var(--modetabs-border-color); } .infobox tr.buff th { border-left: 0; } .infobox tr.buff td { border-right: 0; padding-left: 3px; } .infobox tr.buff td b { font-weight: bold; white-space: nowrap; } .infobox .imageother { text-align: center; padding: 6px 0; border-top: 1px solid var(--theme-box-border-color); } .infobox .imageother .imageothercaption { margin: 0.15em 0 0; } .infobox .tags, .portable-infobox .tags { /* tag list */ --tags-border-color: rgba(var(--theme-text-color--rgb), 0.4); --tags-border-color-linked: rgba(var(--theme-link-color--rgb), 0.4); margin-top: -1px; margin-bottom: -1px; } .infobox .tags .tag, .portable-infobox .tags .tag { border: 1px solid var(--tags-border-color-linked); display: inline-block; padding: 0 4px; border-radius: 3px; margin: 3px 6px 3px auto; } @supports selector(:has(p)) { .infobox .tags .tag, .portable-infobox .tags .tag { border-color: var(--tags-border-color); } .infobox .tags .tag:has(> a), .portable-infobox .tags .tag:has(> a) { border-color: var(--tags-border-color-linked); } } .infobox .tags .tag a, .portable-infobox .tags .tag a { white-space: nowrap; } .modetabs { display: flex; padding: 0 4px; } .modetabs .tab { margin: 0 2px -1px; border-radius: 3px 3px 0 0; background: transparent; padding: 4px 0 3px; text-align: center; font-weight: bold; cursor: pointer; border: 1px solid transparent; border-bottom: none; } .modetabs .tab.current { background: var(--theme-box-background); border-color: var(--theme-box-border-color); } .modetabs .tab:hover { text-decoration: underline; } .infobox .modetabs { border-bottom: 1px solid var(--theme-box-border-color); margin: 6px -6px; } .infobox .modetabs .tab { flex: 1 1 33.33333333%; } /* -------------------------------------------------------- */ /* classic/expert/master mode tabber */ /* -------------------------------------------------------- */ .infobox, .portable-infobox, .infotable { --modetabs-background: var(--theme-modetabs-classic-background); --modetabs-border-color: var(--theme-modetabs-classic-border-color); --modetabs-text-color: var(--theme-modetabs-classic-text-color); } .modesbox.c-normal .m-expert, .modesbox.c-normal .m-master, .modesbox.c-normal .m-expert-master { display: none !important; } .modesbox.c-expert { --modetabs-background: var(--theme-modetabs-expert-background); --modetabs-border-color: var(--theme-modetabs-expert-border-color); --modetabs-text-color: var(--theme-modetabs-expert-text-color); } .modesbox.c-expert .m-normal, .modesbox.c-expert .m-master, .modesbox.c-expert .m-normal-master { display: none !important; } .modesbox.c-master { --modetabs-background: var(--theme-modetabs-master-background); --modetabs-border-color: var(--theme-modetabs-master-border-color); --modetabs-text-color: var(--theme-modetabs-master-text-color); } .modesbox.c-master .m-normal, .modesbox.c-master .m-expert, .modesbox.c-master .m-normal-expert { display: none !important; } .modesbox.expertonly .m-normal, .modesbox .expertonly .m-normal { display: none !important; } .modesbox.masteronly .m-normal, .modesbox.masteronly .m-expert, .modesbox .masteronly .m-normal, .modesbox .masteronly .m-expert { display: none !important; } /********* Portable infobox theme *********/ /* Extension:PortableInfobox */ /* Portable infobox templates: * [[Template:Buff infobox]] * [[Template:Patch infobox]] * [[Template:Re-Logic staff infobox]] * [[Template:Software infobox]] * [[Template:User infobox]] */ .portable-infobox { --pi-border-color: var(--theme-box-border-color); /* this variable is also used by some other rules not listed here */ border: 1px solid var(--pi-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; width: 21em; box-sizing: border-box; } .portable-infobox .pi-data, .portable-infobox .pi-group { border: none; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { color: var(--modetabs-text-color); text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--modetabs-background); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); } .portable-infobox .pi-title { font-weight: bold; font-size: 15px; padding: 6px 3px; line-height: 1.2; } .portable-infobox .pi-title + .pi-group, .portable-infobox .pi-group.pi-collapse-closed + .pi-group { margin-top: 4px; } .portable-infobox .pi-header { padding: 2px 0; } .portable-infobox .pi-secondary-font { font-size: 12px; line-height: 1.5; /* Set the font-family to the standard text font. "h3.pi-secondary-font" * elements (the "data labels" get a different font because they are "h3" * elements, but they should look the same as the "data value" elements. */ font-family: var(--font-family); } .portable-infobox .pi-navigation { background-color: transparent; border-top: 1px solid var(--pi-border-color); font-size: 11.5px; } .portable-infobox .pi-data.pi-item .pi-data-label { flex-basis: 120px; text-align: right; hyphens: unset; /* overwriting the default "hyphens:auto" */ } .portable-infobox .pi-group.pi-collapse .pi-header { cursor: pointer; } .portable-infobox .pi-image { margin: 6px; } .portable-infobox .pi-image img { max-width: 100%; height: auto; } .portable-infobox h2::after { /* Hide the line that is displayed below normal h2 elements by default */ display: none; } @media screen and (min-width: 720px) { .client-js .pi-collapse .pi-header:first-child { padding-right: 0; } } /********* [[Template:Item infobox]] *********/ .item.infobox { width: 21em; } .item.infobox .images { min-height: 50px; } .item.infobox .images .auto, .item.infobox .images .stack { position: absolute; right: 3px; } .item.infobox .images .auto { top: 3px; } .item.infobox .images .stack { bottom: 3px; } .item.infobox .images ul.infobox-inline > li { display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; vertical-align: middle; line-height: 2px; } .item.infobox .images ul.infobox-inline > li::before { content: ""; display: block; width: 1px; background: var(--theme-box-border-color); height: 80%; position: absolute; left: 0; top: 10%; } .item.infobox .images ul.infobox-inline > li:first-child { padding: 0 8px; } .item.infobox .images ul.infobox-inline > li:first-child::before { display: none; } .item.infobox .images ul.infobox-block > li { display: block; padding: 13px 0 0 0; margin: auto; position: relative; } .item.infobox .images ul.infobox-block > li::before { content: ""; display: block; height: 1px; background: var(--theme-box-border-color); width: 80%; position: absolute; left: 10%; top: 6px; } .item.infobox .images ul.infobox-block > li:first-child { padding-top: 0; } .item.infobox .images ul.infobox-block > li:first-child::before { display: none; } .item.infobox .images hr { background-color: var(--theme-box-border-color); margin: 0.5em 0; } .item.infobox .section { overflow: hidden; } .item.infobox .section.projectile, .item.infobox .section.mount { text-align: center; } .item.infobox .section.projectile .name, .item.infobox .section.mount .name { font-size: 10.5px; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .item.infobox .section.projectile .image, .item.infobox .section.mount .image { margin: 0.25em 0.5em 0.5em; } .item.infobox .section.projectile img { max-width: 100%; height: auto; } .item.infobox .section.projectile .name { margin-top: 0.25em; } .item.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .item.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .item.infobox .section.drop table { /* drop info section in item infobox */ margin-top: 6px; margin-bottom: 6px; } .item.infobox .section.drop .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" * rule for the contents of the sortable column headers */ background-image: unset; } .item.infobox .section.drop td { border-top: 1px solid var(--theme-box-border-color); } .item.infobox .section.drop td:first-child s { display: none; } .item.infobox .section.drop th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .item.infobox .section.drop th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .item.infobox .section.drop th:last-child.headerSort { padding-right: 21px; } .item.infobox .section.drop th:first-child, .item.infobox .section.drop td:first-child { text-align: left; width: 0; } .item.infobox .section.drop th:nth-child(2), .item.infobox .section.drop td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .item.infobox .section.drop th:last-child, .item.infobox .section.drop td:last-child { text-align: right; width: 0; min-width: 4em; } .item.infobox .section.drop .entity-name { display: flex; align-items: center; } .item.infobox .section.drop .entity-img img, .item.infobox .section.drop .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .item.infobox .section.drop .nodrop-note { text-align: center; padding-top: 6px; } .item.infobox .section.drop > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .item.infobox .section.drop > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .item.infobox .section.drop > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .item.infobox .section.drop > .mw-collapsible-toggle:after { content: ""; } .item.infobox ul.toolpower { padding: 6px 0; cursor: help; } .item.infobox ul.toolpower li { display: inline-block; padding: 0 0.5em; } .item.infobox ul.toolpower li > img { width: 16px; height: 16px; object-fit: cover; object-position: 0 0; filter: var(--ooui--icon-normal-filter); } .item.infobox ul.toolpower .zero { opacity: 0.5; } .item.infobox td.tvm { /* ammo pages: Total Velocity Multiplier line */ font-weight: bold; padding-left: 5px; } .item.infobox th.tvm, .item.infobox td.tvm { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .small-bold { /* Styling for damagetype and width/height. Use time and knockback use other * classes (.usetime, .knockback) but those have the same styling. */ font-size: 10.5px; font-weight: bold; } /********* [[Template:Npc infobox]] *********/ .npc.infobox { width: 21em; } .npc.infobox .section { overflow: hidden; } .npc.infobox .section.drops .drops.items { margin-top: 4px; margin-bottom: 0; } .npc.infobox .section.projectile { text-align: center; } .npc.infobox .section.projectile img { max-width: calc(100% - var(--padding) * 2); height: auto; } .npc.infobox .section.projectile .image { margin: 0.25em 0.5em 0.5em; } .npc.infobox .section.projectile .name { font-size: 10.5px; margin-top: 0.25em; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .npc.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .npc.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .npc.infobox .statistics table th { width: 6em; } .npc.infobox .immunities > div { margin: -1px; } .npc.infobox .immunities .i { margin: 1px; } .npc.infobox .drops td:first-child { text-align: left; } .npc.infobox .drops td:last-child { text-align: right; } .npc.infobox .drops th:first-child { text-align: left; border-right: 0; } .npc.infobox .drops.money table th { width: 1px; } .npc.infobox .drops.items li { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; padding: 3px 0; margin-bottom: auto; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; position: relative; } .npc.infobox .drops.items li:first-child { background: var(--modetabs-background); color: var(--modetabs-text-color); padding: 2px 6px; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li > div { display: block; } .npc.infobox .drops.items li > div:first-child { text-align: left; } .npc.infobox .drops.items li > div:last-child { text-align: right; } .npc.infobox .drops.items li.notebox { display: block; text-align: center; padding: 0; } .npc.infobox .drops.items li.notebox > div { text-align: center; border-width: 1px; border-style: dashed; border-color: rgba(var(--theme-border-color--rgb), 0.8); border-radius: 3px; margin: 3px auto; padding: 2px 0; } .npc.infobox .drops.items li.note-before, .npc.infobox .drops.items li.note-after { display: block; } .npc.infobox .drops.items li.note-before > div, .npc.infobox .drops.items li.note-after > div { text-align: center; } .npc.infobox .drops.items li.note-before { padding-bottom: 0; margin-bottom: -3px; } .npc.infobox .drops.items li.note-before + li { border-top: 0; } .npc.infobox .drops.items li.note-after { margin-top: -2px; border-top: 0; padding-top: 0; } .npc.infobox .drops.items li .i > span:first-of-type > div.note { /* note2 of {{item}}s in drops list */ font-size: 11px; line-height: 12px; } .npc.infobox .drops.items li.caption { line-height: 1.1; text-align: center; color: var(--modetabs-text-color); background: var(--modetabs-background); display: block; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li.caption.trsbg { /* "Treasure Bag contents" caption */ border-bottom-width: 2px; margin-bottom: 2px; padding-bottom: 5px; } .npc.infobox .drops.items li.caption.trsbg + li { border-top-width: 1px; border-top-style: solid; } .npc.infobox .drops.items li.caption + li.group { border-top-width: 0; } .npc.infobox .drops.items li.caption.group_end { padding-bottom: 5px; } .npc.infobox .drops.items li.group_end { border-bottom-width: 2px; position: relative; margin-bottom: 2px; } .npc.infobox .drops.items li.group { border-color: rgba(var(--theme-border-color--rgb), 0.35); } .npc.infobox .drops.items li.groupstart, .npc.infobox .drops.items li.groupend + li { border-top-width: 2px; } .npc.infobox .drops.items li.groupend { display: none; } .npc.infobox .drops.items li.loot { border-color: rgba(var(--theme-border-color--rgb), 0.35); margin-left: 1.5em; } .npc.infobox .drops.items li.loot:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 100px; background: var(--theme-text-color); position: absolute; left: -1em; top: 50%; transform: translateY(-50%); } .npc.infobox .drops.items li.loot.caption:before { display: none; } .npc.infobox .drops.items li.lootstart, .npc.infobox .drops.items li.lootend { display: none; } .npc.infobox table.drops.money span.money { display: block; } .npc.infobox table.drops.money span.sep { display: block; text-indent: -9999px; height: 1px; overflow: hidden; } ul.table-npcdrops { /* npc drops list in tableview */ text-align: left; margin: auto; } .table-npcdrops > li { list-style: none; margin-bottom: 2px; } .table-npcdrops > li:last-child { margin-bottom: auto; } .table-npcdrops > li > div { display: inline-block; } .table-npcdrops > li > div:last-child { margin-left: 0.25em; } .table-npcdrops > li > div:last-child:before { content: " ("; } .table-npcdrops > li > div:last-child:after { content: ")"; } .npc.infotable { display: grid; grid-template-columns: [tab-left table-left] auto [tab-right note-left] auto [note-right table-right]; grid-template-rows: [tab-start note-start] auto [tab-end note-end table-start] auto [table-end]; width: fit-content; max-width: 100%; } .npc.infotable th { /* "background-color" specifically is necessary here (instead of just * "background" because these "th" elements are potentially sortable. In * that case they are affected by the "th.headerSort" rule from * jquery-tablesorter, where "background-image" is set (for the little * arrow icons). Just "background" would overwrite that and hide the * arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); } .npc.infotable > .statnote { grid-column: note-left/note-right; grid-row: note-start/note-end; text-align: right; font-size: 10px; line-height: 14px; padding-right: 9px; color: var(--theme-text-color-note); } .npc.infotable.note-no > .statnote { display: none; } .npc.infotable.note-bottom { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable.note-bottom > .statnote { text-align: left; } @media screen and (max-width: 640px) { .npc.infotable { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable > .statnote { text-align: left; } } .npc.infotable > .table { grid-column: table-left/table-right; grid-row: table-start/table-end; z-index: 10; margin: 0; border: 1px solid var(--theme-box-border-color); border-radius: 0 8px 8px 8px; padding: 6px; width: 100%; overflow: hidden; } .npc.infotable > .table > table { margin: 0; } .npc.infotable > .table > table.terraria { margin-top: 0 !important; } .npc.infotable .modetabs { grid-column: tab-left/tab-right; grid-row: tab-start/tab-end; z-index: 20; } .npc.infotable .modetabs .tab { margin: 0 5px -1px 0; padding: 4px 1em; } .npc.infotable td.infobox-block span.npcstat, .npc.infotable td.infobox-block span.npcstat .s { display: block; } .npc.infotable td.infobox-block span.npcstat + br, .npc.infotable td.infobox-block span.npcstat .sep { display: none; } .npcstat .ssep { display: inline; padding-left: 0.5em; padding-right: 0.5em; } .npc.infobox .npcstat .ssep, .npc.infotable .npcstat .ssep { display: none; } .npcstat span.prefix, .npcstat span.postfix { display: inline; color: var(--theme-text-color-note); font-weight: normal; font-size: 0.85em; } .npcstat.prefix .s, .npcstat.postfix .s { display: block; } /********* [[Template:Drop infobox]] *********/ .drop.infobox .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" rule * for the contents of the sortable column headers */ background-image: unset; } .drop.infobox table { margin-top: 6px; margin-bottom: 6px; } .drop.infobox td { border-top: 1px solid var(--theme-box-border-color); } .drop.infobox td:first-child s { display: none; } .drop.infobox th:first-child, .drop.infobox td:first-child { text-align: left; width: 0; } .drop.infobox th:nth-child(2), .drop.infobox td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .drop.infobox th:last-child, .drop.infobox td:last-child { text-align: right; width: 0; min-width: 4em; } .drop.infobox th { /* "background-color" specifically is necessary here (instead of just * "background" because these sortable "th" elements have a "th.headerSort" * rule from jquery-tablesorter, where "background-image" is set (for * the little arrow icons). Just "background" would overwrite that and * hide the arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); border-bottom: 1px var(--modetabs-border-color) solid; border-right: 0; padding: 2px 5px; } .drop.infobox th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .drop.infobox th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .drop.infobox th:last-child.headerSort { padding-right: 21px; } .drop.infobox .entity-name { display: flex; align-items: center; } .drop.infobox .entity-img img, .drop.infobox .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .drop.infobox .nodrop-note { text-align: center; padding-top: 6px; } .drop.infobox > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .drop.infobox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .drop.infobox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .drop.infobox > .mw-collapsible-toggle:after { content: ""; } /********* [[Template:Infobox wrapper]] *********/ .infobox-wrapper.float-right { float: right; margin-left: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-right { float: none; margin-left: auto; } } .infobox-wrapper.float-left { float: left; margin-right: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-left { float: none; margin-right: auto; } } .infobox-wrapper.float-none { float: none; } .infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none { float: none; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none { float: none; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } /********* [[Template:Crafts]] *********/ /* This template no longer exists on the English Terraria Wiki but it is still * used on the Terraria Mods Wiki and possibly some language wikis */ /* match the appearance of table.terraria */ table.crafts { /* must be "table.crafts", ".crafts" is not enough */ margin: 0.5em 0; border-spacing: 0; line-height: 1.5; border: 1px solid var(--theme-box-border-color); border-radius: 6px; } table.crafts table { border-collapse: collapse; border: 2px solid transparent; } .crafts caption { font-size: 16px; background: var(--theme-highlight-background); padding: 6px 8px; position: relative; font-weight: bold; white-space: nowrap; margin: 2px; } .crafts caption > i, .crafts caption > b { vertical-align: middle; } .crafts table th, .crafts table td { padding: 4px 8px; border: 1px solid var(--theme-box-border-color); } .crafts table th { background: var(--theme-highlight-background); background-clip: padding-box; } .crafts td { border: 0; padding: 2px; } .crafts td.result, .crafts td.ingredients { white-space: nowrap; } .crafts td.result .version-note { margin-bottom: 0.25em; } .crafts td.result .result-note { margin-top: 0.25em; } .crafts td.station { text-align: center; } .crafts td.station > b, .crafts td.station > i { vertical-align: middle; } .crafts td.station span.water { display: inline-block; vertical-align: middle; } .crafts.nostation th.station, .crafts.nostation td.station { display: none; } .crafts .i > span, .crafts .note-text { /* itemlink default as multiline */ line-height: 1.25; vertical-align: middle; } .crafts .ingredients ul, .crafting-ingredients > ul { margin: -3px 0; list-style: none; } .crafts .ingredients li, .crafting-ingredients > ul > li { margin: 3px auto; } .recipe.compact .result-note { margin-left: 2px; } ca6b9c4df5733f568dae0032e9688c7f115a1bcb 431 430 2025-07-18T06:10:35Z Squeaker 434557 css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); --wiki-sidebar-border-radius 20px /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: Helvetica, Arial, sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/5/57/Site-background.png); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-border-image: none; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-firstheading-font-family: var(--wiki-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: 1px; --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: var(--wiki-content-border-radius); --wiki-navigation-right-spacing: 0px; --wiki-navigation-box-background: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: var(--wiki-content-border-width); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: var(--wiki-content-border-width); --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: calc(max(min(0px, var(--wiki-navigation-tab-spacing)), var(--wiki-navigation-tab-spacing))) ; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: 0px; /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************* * Additional stuff * *********************/ /*********************************************************************************************************** * css for certain templates ***********************************************************************************************************/ /********* Infobox templates *********/ /* Common styles for these infobox templates: * [[Template:Drop infobox]] * [[Template:Item infobox]] * [[Template:Npc infobox]] * (other infobox templates are portable infoboxes instead and do not use the common ".infobox" class) */ .infobox { border: 1px solid var(--theme-box-border-color); border-radius: 8px; --padding: 6px; padding: var(--padding); font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; box-sizing: border-box; } .infobox * { background: none; } .infobox.float-right { float: right; margin: 0.5em 0 0.5em 1em; } .infobox.float-left { float: left; margin: 0.5em 1em 0.5em 0; } .infobox.float-none { float: none; margin: 0.5em 1em 0.5em 0; } .infobox blockquote.quotation { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0 0.25em; margin: 0.5em auto; } .infobox blockquote.quotation:before { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ font-size: 3.5em; left: 0; } .infobox blockquote.quotation div { /* this seems unnecessary... where are blockquote.quotation elements used *inside* infoboxes? */ padding: 0; margin-left: 2em; border-left: 0; } .infobox table { background: none; width: 100%; border-spacing: 0; } .infobox table th, .infobox table td { padding: 2px; vertical-align: middle; } .infobox table th { white-space: nowrap; text-align: right; width: 5em; /* It is possible that an infobox is transcluded inside a table that * has "class=terraria". There is a rule for "table.terraria th" that * sets a background, but we don't want that to affect the <th> * elements of the infobox. Therefore we must override it here. */ background: none; } .infobox > .title, .infobox .section > .title { background: var(--modetabs-background); color: var(--modetabs-text-color); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title { font-size: 15px; padding: 6px 3px; line-height: 1.2; } .infobox > .title > .ename, .infobox > .title > .namesub { display: block; font-size: 12px; font-style: italic; } .infobox > .title > .namesub { color: var(--theme-text-color-note); } .infobox > .title > .namesub:before { content: "("; font-style: normal; margin-right: 1px; } .infobox > .title > .namesub:after { content: ")"; font-style: normal; margin-left: 1px; } .infobox > .title > .namesub.namenote { font-size: 10px; } .infobox .content-section { padding: 6px 3px; } .infobox .variant { color: var(--modetabs-text-color); font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; margin-bottom: 2px; } .infobox .images { position: relative; padding: 6px 0; min-height: 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; } .infobox .images img { max-width: 100%; height: auto; } .infobox ul { list-style: none; margin: auto; text-align: center; } .infobox .section { margin-bottom: 4px; } .infobox .section:last-child { margin-bottom: 0; } .infobox .section > .title:first-child + * { margin-top: 4px; } .infobox .section > .title:first-child + :empty { /* hide empty section contents */ display: none; } .infobox .section > .title:last-child { /* hide titles of empty sections */ display: none; } .infobox .section .stat th .gameText { /* revert the "white-space:pre-wrap" in {{gameText}} in captions, e.g. in the sound section */ white-space: unset; } .infobox .section.buff table, .infobox .section.debuff table { border-bottom: 1px solid var(--theme-box-border-color); margin-bottom: 0.25em; } .infobox .section.buff:after, .infobox .section.debuff:after { content: ""; display: block; height: 4px; margin-top: -7px; background: var(--theme-page-background-color); } .infobox .section.ids { border-top: 1px solid var(--theme-box-border-color); text-align: center; font-size: 10.5px; background: var(--modetabs-background); color: var(--modetabs-text-color); } .infobox .section.ids li { padding: 2px 0; border-bottom: 2px solid var(--theme-page-background-color); margin: 0; font-weight: bold; } .infobox .section.ids li:last-child { border-bottom: 0; } .infobox tr.buff th, .infobox tr.buff td { background: var(--modetabs-background); border: 1px solid var(--modetabs-border-color); } .infobox tr.buff th { border-left: 0; } .infobox tr.buff td { border-right: 0; padding-left: 3px; } .infobox tr.buff td b { font-weight: bold; white-space: nowrap; } .infobox .imageother { text-align: center; padding: 6px 0; border-top: 1px solid var(--theme-box-border-color); } .infobox .imageother .imageothercaption { margin: 0.15em 0 0; } .infobox .tags, .portable-infobox .tags { /* tag list */ --tags-border-color: rgba(var(--theme-text-color--rgb), 0.4); --tags-border-color-linked: rgba(var(--theme-link-color--rgb), 0.4); margin-top: -1px; margin-bottom: -1px; } .infobox .tags .tag, .portable-infobox .tags .tag { border: 1px solid var(--tags-border-color-linked); display: inline-block; padding: 0 4px; border-radius: 3px; margin: 3px 6px 3px auto; } @supports selector(:has(p)) { .infobox .tags .tag, .portable-infobox .tags .tag { border-color: var(--tags-border-color); } .infobox .tags .tag:has(> a), .portable-infobox .tags .tag:has(> a) { border-color: var(--tags-border-color-linked); } } .infobox .tags .tag a, .portable-infobox .tags .tag a { white-space: nowrap; } .modetabs { display: flex; padding: 0 4px; } .modetabs .tab { margin: 0 2px -1px; border-radius: 3px 3px 0 0; background: transparent; padding: 4px 0 3px; text-align: center; font-weight: bold; cursor: pointer; border: 1px solid transparent; border-bottom: none; } .modetabs .tab.current { background: var(--theme-box-background); border-color: var(--theme-box-border-color); } .modetabs .tab:hover { text-decoration: underline; } .infobox .modetabs { border-bottom: 1px solid var(--theme-box-border-color); margin: 6px -6px; } .infobox .modetabs .tab { flex: 1 1 33.33333333%; } /* -------------------------------------------------------- */ /* classic/expert/master mode tabber */ /* -------------------------------------------------------- */ .infobox, .portable-infobox, .infotable { --modetabs-background: var(--theme-modetabs-classic-background); --modetabs-border-color: var(--theme-modetabs-classic-border-color); --modetabs-text-color: var(--theme-modetabs-classic-text-color); } .modesbox.c-normal .m-expert, .modesbox.c-normal .m-master, .modesbox.c-normal .m-expert-master { display: none !important; } .modesbox.c-expert { --modetabs-background: var(--theme-modetabs-expert-background); --modetabs-border-color: var(--theme-modetabs-expert-border-color); --modetabs-text-color: var(--theme-modetabs-expert-text-color); } .modesbox.c-expert .m-normal, .modesbox.c-expert .m-master, .modesbox.c-expert .m-normal-master { display: none !important; } .modesbox.c-master { --modetabs-background: var(--theme-modetabs-master-background); --modetabs-border-color: var(--theme-modetabs-master-border-color); --modetabs-text-color: var(--theme-modetabs-master-text-color); } .modesbox.c-master .m-normal, .modesbox.c-master .m-expert, .modesbox.c-master .m-normal-expert { display: none !important; } .modesbox.expertonly .m-normal, .modesbox .expertonly .m-normal { display: none !important; } .modesbox.masteronly .m-normal, .modesbox.masteronly .m-expert, .modesbox .masteronly .m-normal, .modesbox .masteronly .m-expert { display: none !important; } /********* Portable infobox theme *********/ /* Extension:PortableInfobox */ /* Portable infobox templates: * [[Template:Buff infobox]] * [[Template:Patch infobox]] * [[Template:Re-Logic staff infobox]] * [[Template:Software infobox]] * [[Template:User infobox]] */ .portable-infobox { --pi-border-color: var(--theme-box-border-color); /* this variable is also used by some other rules not listed here */ border: 1px solid var(--pi-border-color); border-radius: 8px; padding: 6px; font-size: 12px; background-color: var(--theme-box-background); line-height: 1.5; float: right; margin: 0.5em 0 0.5em 1em; width: 21em; box-sizing: border-box; } .portable-infobox .pi-data, .portable-infobox .pi-group { border: none; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { color: var(--modetabs-text-color); text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--modetabs-background); border: 1px solid; border-color: var(--theme-box-border-color-inner); border-radius: var(--theme-box-border-radius-inner); } .portable-infobox .pi-title { font-weight: bold; font-size: 15px; padding: 6px 3px; line-height: 1.2; } .portable-infobox .pi-title + .pi-group, .portable-infobox .pi-group.pi-collapse-closed + .pi-group { margin-top: 4px; } .portable-infobox .pi-header { padding: 2px 0; } .portable-infobox .pi-secondary-font { font-size: 12px; line-height: 1.5; /* Set the font-family to the standard text font. "h3.pi-secondary-font" * elements (the "data labels" get a different font because they are "h3" * elements, but they should look the same as the "data value" elements. */ font-family: var(--font-family); } .portable-infobox .pi-navigation { background-color: transparent; border-top: 1px solid var(--pi-border-color); font-size: 11.5px; } .portable-infobox .pi-data.pi-item .pi-data-label { flex-basis: 120px; text-align: right; hyphens: unset; /* overwriting the default "hyphens:auto" */ } .portable-infobox .pi-group.pi-collapse .pi-header { cursor: pointer; } .portable-infobox .pi-image { margin: 6px; } .portable-infobox .pi-image img { max-width: 100%; height: auto; } .portable-infobox h2::after { /* Hide the line that is displayed below normal h2 elements by default */ display: none; } @media screen and (min-width: 720px) { .client-js .pi-collapse .pi-header:first-child { padding-right: 0; } } /********* [[Template:Item infobox]] *********/ .item.infobox { width: 21em; } .item.infobox .images { min-height: 50px; } .item.infobox .images .auto, .item.infobox .images .stack { position: absolute; right: 3px; } .item.infobox .images .auto { top: 3px; } .item.infobox .images .stack { bottom: 3px; } .item.infobox .images ul.infobox-inline > li { display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; vertical-align: middle; line-height: 2px; } .item.infobox .images ul.infobox-inline > li::before { content: ""; display: block; width: 1px; background: var(--theme-box-border-color); height: 80%; position: absolute; left: 0; top: 10%; } .item.infobox .images ul.infobox-inline > li:first-child { padding: 0 8px; } .item.infobox .images ul.infobox-inline > li:first-child::before { display: none; } .item.infobox .images ul.infobox-block > li { display: block; padding: 13px 0 0 0; margin: auto; position: relative; } .item.infobox .images ul.infobox-block > li::before { content: ""; display: block; height: 1px; background: var(--theme-box-border-color); width: 80%; position: absolute; left: 10%; top: 6px; } .item.infobox .images ul.infobox-block > li:first-child { padding-top: 0; } .item.infobox .images ul.infobox-block > li:first-child::before { display: none; } .item.infobox .images hr { background-color: var(--theme-box-border-color); margin: 0.5em 0; } .item.infobox .section { overflow: hidden; } .item.infobox .section.projectile, .item.infobox .section.mount { text-align: center; } .item.infobox .section.projectile .name, .item.infobox .section.mount .name { font-size: 10.5px; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .item.infobox .section.projectile .image, .item.infobox .section.mount .image { margin: 0.25em 0.5em 0.5em; } .item.infobox .section.projectile img { max-width: 100%; height: auto; } .item.infobox .section.projectile .name { margin-top: 0.25em; } .item.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .item.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .item.infobox .section.drop table { /* drop info section in item infobox */ margin-top: 6px; margin-bottom: 6px; } .item.infobox .section.drop .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" * rule for the contents of the sortable column headers */ background-image: unset; } .item.infobox .section.drop td { border-top: 1px solid var(--theme-box-border-color); } .item.infobox .section.drop td:first-child s { display: none; } .item.infobox .section.drop th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .item.infobox .section.drop th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .item.infobox .section.drop th:last-child.headerSort { padding-right: 21px; } .item.infobox .section.drop th:first-child, .item.infobox .section.drop td:first-child { text-align: left; width: 0; } .item.infobox .section.drop th:nth-child(2), .item.infobox .section.drop td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .item.infobox .section.drop th:last-child, .item.infobox .section.drop td:last-child { text-align: right; width: 0; min-width: 4em; } .item.infobox .section.drop .entity-name { display: flex; align-items: center; } .item.infobox .section.drop .entity-img img, .item.infobox .section.drop .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .item.infobox .section.drop .nodrop-note { text-align: center; padding-top: 6px; } .item.infobox .section.drop > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .item.infobox .section.drop > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .item.infobox .section.drop > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .item.infobox .section.drop > .mw-collapsible-toggle:after { content: ""; } .item.infobox ul.toolpower { padding: 6px 0; cursor: help; } .item.infobox ul.toolpower li { display: inline-block; padding: 0 0.5em; } .item.infobox ul.toolpower li > img { width: 16px; height: 16px; object-fit: cover; object-position: 0 0; filter: var(--ooui--icon-normal-filter); } .item.infobox ul.toolpower .zero { opacity: 0.5; } .item.infobox td.tvm { /* ammo pages: Total Velocity Multiplier line */ font-weight: bold; padding-left: 5px; } .item.infobox th.tvm, .item.infobox td.tvm { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .small-bold { /* Styling for damagetype and width/height. Use time and knockback use other * classes (.usetime, .knockback) but those have the same styling. */ font-size: 10.5px; font-weight: bold; } /********* [[Template:Npc infobox]] *********/ .npc.infobox { width: 21em; } .npc.infobox .section { overflow: hidden; } .npc.infobox .section.drops .drops.items { margin-top: 4px; margin-bottom: 0; } .npc.infobox .section.projectile { text-align: center; } .npc.infobox .section.projectile img { max-width: calc(100% - var(--padding) * 2); height: auto; } .npc.infobox .section.projectile .image { margin: 0.25em 0.5em 0.5em; } .npc.infobox .section.projectile .name { font-size: 10.5px; margin-top: 0.25em; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.25em; } .npc.infobox .section.projectile ul { margin-right: 0.5em; margin-left: 0.5em; } .npc.infobox .section.projectile ul.infobox-inline li { display: inline-block; vertical-align: middle; } .npc.infobox .statistics table th { width: 6em; } .npc.infobox .immunities > div { margin: -1px; } .npc.infobox .immunities .i { margin: 1px; } .npc.infobox .drops td:first-child { text-align: left; } .npc.infobox .drops td:last-child { text-align: right; } .npc.infobox .drops th:first-child { text-align: left; border-right: 0; } .npc.infobox .drops.money table th { width: 1px; } .npc.infobox .drops.items li { border-color: var(--theme-box-border-color); border-style: solid; border-width: 0; border-top-width: 1px; padding: 3px 0; margin-bottom: auto; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; position: relative; } .npc.infobox .drops.items li:first-child { background: var(--modetabs-background); color: var(--modetabs-text-color); padding: 2px 6px; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li > div { display: block; } .npc.infobox .drops.items li > div:first-child { text-align: left; } .npc.infobox .drops.items li > div:last-child { text-align: right; } .npc.infobox .drops.items li.notebox { display: block; text-align: center; padding: 0; } .npc.infobox .drops.items li.notebox > div { text-align: center; border-width: 1px; border-style: dashed; border-color: rgba(var(--theme-border-color--rgb), 0.8); border-radius: 3px; margin: 3px auto; padding: 2px 0; } .npc.infobox .drops.items li.note-before, .npc.infobox .drops.items li.note-after { display: block; } .npc.infobox .drops.items li.note-before > div, .npc.infobox .drops.items li.note-after > div { text-align: center; } .npc.infobox .drops.items li.note-before { padding-bottom: 0; margin-bottom: -3px; } .npc.infobox .drops.items li.note-before + li { border-top: 0; } .npc.infobox .drops.items li.note-after { margin-top: -2px; border-top: 0; padding-top: 0; } .npc.infobox .drops.items li .i > span:first-of-type > div.note { /* note2 of {{item}}s in drops list */ font-size: 11px; line-height: 12px; } .npc.infobox .drops.items li.caption { line-height: 1.1; text-align: center; color: var(--modetabs-text-color); background: var(--modetabs-background); display: block; border: 1px solid; border-color: var(--theme-box-border-color-inner); } .npc.infobox .drops.items li.caption.trsbg { /* "Treasure Bag contents" caption */ border-bottom-width: 2px; margin-bottom: 2px; padding-bottom: 5px; } .npc.infobox .drops.items li.caption.trsbg + li { border-top-width: 1px; border-top-style: solid; } .npc.infobox .drops.items li.caption + li.group { border-top-width: 0; } .npc.infobox .drops.items li.caption.group_end { padding-bottom: 5px; } .npc.infobox .drops.items li.group_end { border-bottom-width: 2px; position: relative; margin-bottom: 2px; } .npc.infobox .drops.items li.group { border-color: rgba(var(--theme-border-color--rgb), 0.35); } .npc.infobox .drops.items li.groupstart, .npc.infobox .drops.items li.groupend + li { border-top-width: 2px; } .npc.infobox .drops.items li.groupend { display: none; } .npc.infobox .drops.items li.loot { border-color: rgba(var(--theme-border-color--rgb), 0.35); margin-left: 1.5em; } .npc.infobox .drops.items li.loot:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 100px; background: var(--theme-text-color); position: absolute; left: -1em; top: 50%; transform: translateY(-50%); } .npc.infobox .drops.items li.loot.caption:before { display: none; } .npc.infobox .drops.items li.lootstart, .npc.infobox .drops.items li.lootend { display: none; } .npc.infobox table.drops.money span.money { display: block; } .npc.infobox table.drops.money span.sep { display: block; text-indent: -9999px; height: 1px; overflow: hidden; } ul.table-npcdrops { /* npc drops list in tableview */ text-align: left; margin: auto; } .table-npcdrops > li { list-style: none; margin-bottom: 2px; } .table-npcdrops > li:last-child { margin-bottom: auto; } .table-npcdrops > li > div { display: inline-block; } .table-npcdrops > li > div:last-child { margin-left: 0.25em; } .table-npcdrops > li > div:last-child:before { content: " ("; } .table-npcdrops > li > div:last-child:after { content: ")"; } .npc.infotable { display: grid; grid-template-columns: [tab-left table-left] auto [tab-right note-left] auto [note-right table-right]; grid-template-rows: [tab-start note-start] auto [tab-end note-end table-start] auto [table-end]; width: fit-content; max-width: 100%; } .npc.infotable th { /* "background-color" specifically is necessary here (instead of just * "background" because these "th" elements are potentially sortable. In * that case they are affected by the "th.headerSort" rule from * jquery-tablesorter, where "background-image" is set (for the little * arrow icons). Just "background" would overwrite that and hide the * arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); } .npc.infotable > .statnote { grid-column: note-left/note-right; grid-row: note-start/note-end; text-align: right; font-size: 10px; line-height: 14px; padding-right: 9px; color: var(--theme-text-color-note); } .npc.infotable.note-no > .statnote { display: none; } .npc.infotable.note-bottom { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable.note-bottom > .statnote { text-align: left; } @media screen and (max-width: 640px) { .npc.infotable { grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right]; grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end]; } .npc.infotable > .statnote { text-align: left; } } .npc.infotable > .table { grid-column: table-left/table-right; grid-row: table-start/table-end; z-index: 10; margin: 0; border: 1px solid var(--theme-box-border-color); border-radius: 0 8px 8px 8px; padding: 6px; width: 100%; overflow: hidden; } .npc.infotable > .table > table { margin: 0; } .npc.infotable > .table > table.terraria { margin-top: 0 !important; } .npc.infotable .modetabs { grid-column: tab-left/tab-right; grid-row: tab-start/tab-end; z-index: 20; } .npc.infotable .modetabs .tab { margin: 0 5px -1px 0; padding: 4px 1em; } .npc.infotable td.infobox-block span.npcstat, .npc.infotable td.infobox-block span.npcstat .s { display: block; } .npc.infotable td.infobox-block span.npcstat + br, .npc.infotable td.infobox-block span.npcstat .sep { display: none; } .npcstat .ssep { display: inline; padding-left: 0.5em; padding-right: 0.5em; } .npc.infobox .npcstat .ssep, .npc.infotable .npcstat .ssep { display: none; } .npcstat span.prefix, .npcstat span.postfix { display: inline; color: var(--theme-text-color-note); font-weight: normal; font-size: 0.85em; } .npcstat.prefix .s, .npcstat.postfix .s { display: block; } /********* [[Template:Drop infobox]] *********/ .drop.infobox .headerSort * { /* Overwrite the background:inherit; from the generic ".infobox *" rule * for the contents of the sortable column headers */ background-image: unset; } .drop.infobox table { margin-top: 6px; margin-bottom: 6px; } .drop.infobox td { border-top: 1px solid var(--theme-box-border-color); } .drop.infobox td:first-child s { display: none; } .drop.infobox th:first-child, .drop.infobox td:first-child { text-align: left; width: 0; } .drop.infobox th:nth-child(2), .drop.infobox td:nth-child(2) { text-align: center; width: 0; min-width: 3em; } .drop.infobox th:last-child, .drop.infobox td:last-child { text-align: right; width: 0; min-width: 4em; } .drop.infobox th { /* "background-color" specifically is necessary here (instead of just * "background" because these sortable "th" elements have a "th.headerSort" * rule from jquery-tablesorter, where "background-image" is set (for * the little arrow icons). Just "background" would overwrite that and * hide the arrows, but "background-color" is fine. */ background-color: var(--modetabs-background); color: var(--modetabs-text-color); border-bottom: 1px var(--modetabs-border-color) solid; border-right: 0; padding: 2px 5px; } .drop.infobox th:first-child.headerSort { padding-left: 21px; background-position-x: left; } .drop.infobox th:nth-child(2).headerSort { padding-left: 21px; text-align: left; background-position-x: left; } .drop.infobox th:last-child.headerSort { padding-right: 21px; } .drop.infobox .entity-name { display: flex; align-items: center; } .drop.infobox .entity-img img, .drop.infobox .entity-name img { width: auto; height: auto; max-width: 90px; max-height: 90px; } .drop.infobox .nodrop-note { text-align: center; padding-top: 6px; } .drop.infobox > .mw-collapsible-toggle { background-color: unset; margin-right: 3px; } .drop.infobox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); position: relative; left: -3px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } .drop.infobox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } .drop.infobox > .mw-collapsible-toggle:after { content: ""; } /********* [[Template:Infobox wrapper]] *********/ .infobox-wrapper.float-right { float: right; margin-left: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-right { float: none; margin-left: auto; } } .infobox-wrapper.float-left { float: left; margin-right: 0.5em; } @media (max-width: 600px) { .infobox-wrapper.float-left { float: none; margin-right: auto; } } .infobox-wrapper.float-none { float: none; } .infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none { float: none; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none { float: none; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right { float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; } /********* [[Template:Crafts]] *********/ /* This template no longer exists on the English Terraria Wiki but it is still * used on the Terraria Mods Wiki and possibly some language wikis */ /* match the appearance of table.terraria */ table.crafts { /* must be "table.crafts", ".crafts" is not enough */ margin: 0.5em 0; border-spacing: 0; line-height: 1.5; border: 1px solid var(--theme-box-border-color); border-radius: 6px; } table.crafts table { border-collapse: collapse; border: 2px solid transparent; } .crafts caption { font-size: 16px; background: var(--theme-highlight-background); padding: 6px 8px; position: relative; font-weight: bold; white-space: nowrap; margin: 2px; } .crafts caption > i, .crafts caption > b { vertical-align: middle; } .crafts table th, .crafts table td { padding: 4px 8px; border: 1px solid var(--theme-box-border-color); } .crafts table th { background: var(--theme-highlight-background); background-clip: padding-box; } .crafts td { border: 0; padding: 2px; } .crafts td.result, .crafts td.ingredients { white-space: nowrap; } .crafts td.result .version-note { margin-bottom: 0.25em; } .crafts td.result .result-note { margin-top: 0.25em; } .crafts td.station { text-align: center; } .crafts td.station > b, .crafts td.station > i { vertical-align: middle; } .crafts td.station span.water { display: inline-block; vertical-align: middle; } .crafts.nostation th.station, .crafts.nostation td.station { display: none; } .crafts .i > span, .crafts .note-text { /* itemlink default as multiline */ line-height: 1.25; vertical-align: middle; } .crafts .ingredients ul, .crafting-ingredients > ul { margin: -3px 0; list-style: none; } .crafts .ingredients li, .crafting-ingredients > ul > li { margin: 3px auto; } .recipe.compact .result-note { margin-left: 2px; } /* ================================================================== */ /* Main page styles */ /* ================================================================== */ /* Hide page title */ body.page-Terraria_Mods_Wiki h1.firstHeading { display: none; } #section-main .infocard, #section-misc .infocard { margin: 2px; } #mainpage-wrapper .box { border: 1px solid #AFCFE2; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; margin: 3px; } #mainpage-wrapper .box .boxcontent { padding: 10px; } #mainpage-wrapper #box-header .boxcontent, #mf-wikiheader .box { background: var(--theme-accent-color); padding: 8px; margin: 3px; text-align: center; color: var(--theme-text-color); } #mainpage-wrapper #box-header { padding: 7px; margin: 2px; } #mainpage-wrapper #box-header > div { background: var(--theme-page-background-color); } #mainpage-wrapper #box-header .heading { font-size: 162%; } #mainpage-wrapper #box-header .linksbox, #mf-wikiheader .linksbox { margin-top: 5px; padding: 5px; text-align: center; background: var(--theme-highlight-background); } #mainpage-wrapper #box-description { flex: 10 0 240px; } #mainpage-wrapper #box-description .boxcontent > div:not(:last-child) { margin-bottom: 30px; } #mainpage-wrapper #box-featuredmods { flex: 1 1 240px; } #mainpage-wrapper #box-featuredmods .allmods-link { margin-top: 1em; } #mainpage-wrapper #box-externalwikis .boxcontent div:first-child { margin-bottom: 1.5em; } #mainpage-wrapper #box-externalwikis .boxcontent > ul { list-style-image: none; list-style-type: none; } #mainpage-wrapper #box-newmods { flex: 1 0 240px; } #mainpage-wrapper #box-newmods .newmods-list { column-count: 2; margin-bottom: 1.75em; } #mainpage-wrapper #box-wikicommunity { flex: 2 0 240px; } #mainpage-wrapper .footer { margin: 0.75em 2px 0; } #mainpage-wrapper .footer > div { margin: auto; max-width: 25em; text-align: center; border: 1px solid var(--theme-border-color); -moz-border-radius: 5px; border-radius: 5px; background: var(--theme-highlight-background); padding: 0.5em; } .mp-heading { background: var(--theme-accent-color); padding: 5px 20px; margin: 3px; font-weight: bold; text-align: center; font-size: 120%; color: var(--theme-accent-label-color); } .externalwikis-grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); place-items: center; row-gap: 1.25em; margin: 1.25em 0; } .externalwikis-grid-container div { transition: transform .15s linear; } .externalwikis-grid-container div:hover, .externalwikis-grid-container div:focus { transform: scale(1.1); } /* -- Infobox & infobox wrapper template style ---------------------- */ /* some rules just kept for "old" template. */ .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px #000 solid; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /* styles for latest template */ .infobox{ border: 1px solid #000; border-radius: 8px; padding: 6px; float: right; font-size: 12px; background-color: #343031; margin: 0 0 0.5em 1em; } @media(max-width:450px){ .infobox{ float: none; } } .infobox.float-right{ float: right; margin: 0 0 0.5em 1em; } .infobox.float-left{ float: left; margin:0 1em 0.5em 0; } .infobox.float-none{ float: none; margin:0 1em 0.5em 0; } .infobox table{ background-color: transparent; width: 100%; border-spacing: 0; } .infobox table th{ white-space: nowrap; padding: 2px; text-align: right; border-right: 1px solid #343031; width: 5em; vertical-align: middle; } .infobox table td{ padding: 2px; vertical-align: middle; } .infobox .title{ background-color: #333033; color: #FFF; font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title{ font-size: 15px; padding: 8px 0; line-height: 1.2; } .infobox > .title span{ display: block; font-size: 12px; color: slategray; font-style: italic; } .infobox > .title span::before{ content: "("; font-style: normal; } .infobox > .title span::after{ content: ")"; font-style: normal; } .infobox .variant{ background-color: #343031; color: #FFF; font-weight: bold; text-align: center; font-size: 12px; padding: 4px 0; line-height: 1.2; } .infobox .images{ position: relative; padding: 6px 0; min-height: 40px; text-align: center; display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; /* direction=column, for IE11 */ -webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; -webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center; } .infobox ul{ list-style: none; margin: auto; text-align: center; } .infobox .stat td > small{ font-size: 10.5px; font-weight: bold; } .infobox .stat td > small::before{ content: "("; } .infobox .stat td > small::after{ content: ")"; } .infobox tr.buff th, .infobox tr.buff td{ background-color: #333033; border: 1px solid #000000; } .infobox tr.buff th{ border-left: 0; } .infobox tr.buff td{ border-right: 0; padding-left: 3px; } .infobox tr.buff td b{ font-weight: bold; } .infobox .variant{ margin-bottom: 2px; white-space: nowrap; } .infobox .drops td:first-child{ text-align: left; } .infobox .drops td:last-child{ text-align: right; } .infobox .drops th:first-child{ text-align: left; border-right: 0; } .infobox .section.drops{ margin-top: 6px; margin-bottom: 6px; } .infobox .drops.money{ margin: 2px auto; } .npc.infobox .map{ text-align: center; padding-top: 3px; margin-top: 6px; border-top: 1px solid #000; } .infobox .image2{ text-align: center; padding-top: 3px; margin-top: 6px; border-top: 1px solid #000; } .infobox .proj, .infobox .ib_sound, .infobox .cooldown { text-align: center; padding-top: 3px; margin-top: 6px; } .infobox .drops.items{ margin-bottom: 1px; } .infobox .drops.items li{ border-bottom: 1px #1f1c1e solid; padding: 3px 0; margin-bottom: auto; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; -webkit-flex-wrap:nowrap; -moz-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-direction:normal; -webkit-box-orient:horizontal; -moz-box-direction:normal; -moz-box-orient:horizontal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; align-items:center; } .infobox .drops.items li:first-child{ background-color: #343031; color: #FFF; padding: 2px 3px 0; } .infobox .drops.items li > div{ display: block; } .infobox .drops.items li > div:first-child{ text-align: left; } .infobox .drops.items li > div:last-child{ text-align: right; } .infobox .drops.items li:last-child{ border-bottom: none; } .infobox .drops.items li.caption{ border-top:2px #1f1c1e solid; margin-top: 2px; line-height:1; text-align: center; color:#ffffff; font-size: 10.5px; background:#343031; padding-top: 5px; display: block; } .infobox .drops.items li.group_end{ border-bottom:5px #1f1c1e solid; position: relative; } .infobox .drops.items li.group_end::after{ content: ""; display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; background-color: #343031; } /* for item infobox */ .item.infobox{ width: 21em; } .item.infobox .images .auto, .infobox.item .images .stack{ position: absolute; right: 3px; } .item.infobox .images .instrument { position: absolute; left: 3px; } .item.infobox .images .auto{ top: 3px; } .item.infobox .images .stack, .item.infobox .images .instrument{ bottom: 3px; } .item.infobox .images ul.inline li{ display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; } .item.infobox .images ul.inline li::before{ content: ""; display: block; width: 1px; background: #ccc; height: 80%; position: absolute; left: 0; top: 10%; } .item.infobox .images ul.inline li:first-child::before{ display: none; } .item.infobox .images ul.block li{ display: block; padding: 13px 0 0 0; margin: auto; position: relative; } .item.infobox .images ul.block li::before{ content: ""; display: block; height: 1px; background: #ccc; width: 80%; position: absolute; left: 10%; top: 6px; } .item.infobox .images ul.block li:first-child{ padding-top: 0; } .item.infobox .images ul.block li:first-child::before{ display: none; } .item.infobox ul.toolpower{ padding: 6px 0; cursor: pointer; } .item.infobox ul.toolpower li{ display: inline-block; padding: 0 0.5em; } /* for npc infobox */ .npc.infobox{ width: 23em; } .npc.infobox .statistics table th{ width: 6em; } /* infobox wrapper */ .infobox-wrapper.float-right{ float: right; margin-left: 0.5em; } .infobox-wrapper.float-left{ float: left; margin-right: 0.5em; } .infobox-wrapper.float-none{ float: none; } .infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none{ float: none; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right{ float: none; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right{ float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right{ float: right; margin: 0 0 0.5em 0.5em; } .infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none{ float: left; margin: 0 0.5em 0.5em 0; } .infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right{ float: right; margin: 0 0 0.5em 0.5em; } /* Auto line separators for tables */ table.lined td { border-bottom: 1px #666 solid; } table.lined tr:last-of-type td { border-bottom: 0; } table tr.bottomline td { border-bottom: 1px #000 solid; } table tr.topline td { border-top: 1px #000 solid; } table tr.bottomline:last-of-type td { border-bottom: 0; } .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } d6ec9c8402a5e05ae6f901c2b58e360b3e639c67 10 278 432 328 2025-07-19T08:12:39Z Squeaker 434557 wikitext text/x-wiki <noinclude> {{#cargo_attach _table = Immunities }} </noinclude><includeonly><!-- -->{{NpcDebuffs/CargoAttach}}<!-- -->{{#dplvar:set<!-- -->|_npc_infobox:name|{{{name|{{ROOTPAGENAME}}}}}<!-- -->}}<!-- --><div class="infobox npc {{lc:{{{type|}}}}}" style="<!-- -->{{#if:{{{width|{{{boxwidth|}}}}}}|width:{{{width|{{{boxwidth|}}}}}};}}<!-- -->{{#if:{{{float|}}}|float:{{{float|}}};}}<!-- -->"><!-- --><div class="title">{{#dplvar:_npc_infobox:name}}{{#if:{{{namesub|}}}|<span>{{{namesub|}}}</span>}}</div><!-- --><div class="section images"><!-- display: Because the first image may use imagealt, span is used to display the title of the first image. imagealt will not be affected if it has a text field (if imagealt = [[File:someimage.png|hello]], it will display 'hello') --><span title="{{#dplvar:t1}}">{{{imagealt|[[File:{{{image|{{#dplvar:_npc_infobox:name}}.png}}}]]}}}</span><!--First sprite now displayed --></div><!-- div.section.images //map icon -->{{#if:{{{map|}}}|<!-- --><div class="map"><!-- -->{{{map|}}}<br/><!-- --><b><i>Map icon</i></b><!-- --></div><!-- -->|<!-- -->{{#ifexist: Media:{{#dplvar:_npc_infobox:name}} {{#if:{{{namesub|}}}|{{{namesub|}}}}} map.png|<!-- --><div class="map"><!-- -->[[File:{{#dplvar:_npc_infobox:name}} {{#if:{{{namesub|}}}|{{{namesub|}}}}} map.png|{{#dplvar:_npc_infobox:name}} {{#if:{{{namesub|}}}|{{{namesub|}}}}}]]<br/><!-- --><b><i>Map icon</i></b><!-- --></div><!-- -->}}<!-- -->}}<!-- --><div class="section statistics"><!-- --><div class="title">{{l10n|npc infobox|stats}}</div><!-- --><table class="stat"><!-- -->{{#if: {{{type|Enemy}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|type}}</th><!-- --><td><!-- -->{{ifexists|{{{type|Enemy}}}|[[{{{type|Enemy}}}]]|{{{type|Enemy}}}}}<!-- -->{{#if:{{{type2|}}}|<!-- -->&#32;&ndash;&#32;{{ifexists|{{{type2}}}|[[{{{type2}}}]]|{{{type2}}}}}<!-- -->}}<!-- -->{{#if:{{{type3|}}}|<!-- --><br/>{{ifexists|{{{type3}}}|[[{{{type3}}}]]|{{{type3}}}}}<!-- -->}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{environment|}}}|<!-- --><tr><!-- --><th>{{trl|Environment}}</th><!-- --><td>[[{{{environment}}}]]{{#if:{{{environment2|}}}|&#32;&ndash;&#32;[[{{{environment2}}}]]}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{damage|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|damage}}</th><!-- --><td>{{{damage|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{life|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|life}}</th><!-- --><td>{{{life|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{defense|}}}|<!-- --><tr><!-- --><th>{{trl|Defense}}</th><!-- --><td>{{{defense|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{dr|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|dr}}</th><!-- --><td>{{#if:{{#dplreplace:{{#sub:{{{dr|}}}|-1|1}}|\d|}}|<!-- -->{{{dr|}}}|<!-- -->{{{dr|}}}%<!-- -->}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{knockback|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|kb}}</th><!-- --><td>{{{knockback|}}}<!-- -->{{#if:{{#pos:{{{knockback|}}}|/}}|<!-- -->{{#if:{{#pos:{{{knockback|}}}|%|{{#pos:{{{knockback|}}}|/}}}}||%}}<!-- -->|<!-- -->{{#if:{{#pos:{{{knockback|}}}|%}}||%}}<!-- -->}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{power|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|power}}</th><!-- --><td>{{{power|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{buff|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|buff}}</th><!-- --><td>{{#ifeq:{{{bufflink|}}}|yes|{{item|{{{buff}}}}}|{{item|{{{buff}}}|link=}}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{buffduration|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|buffduration}}</th><!-- --><td>{{{buffduration|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{buff|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|bufftip}}</th><!-- --><td><i>{{{bufftip|{{bufftip|{{{buff}}}}}}}}</i></td><!-- --></tr><!-- -->}}<!-- -->{{#forargs:debuff|number|name|<!-- -->{{#iferror:{{#expr:{{#var:number}}}}||<!-- -->{{#if:{{{debuff5|}}}||<!-- -->{{#vardefine:_debufftxt|{{{debufftext{{#var:number}}|{{#explode:{{#var:name}}|(debuff)|0}}}}}}}<!-- -->{{#vardefine:chance|{{#if:{{{debuffchance{{#var:number}}|}}}|{{#ifeq:{{#sub:{{{debuffchance{{#var:number}}|}}}|-2}}|##|{{#sub:{{{debuffchance{{#var:number}}|}}}|0|-2}}|{{{debuffchance{{#var:number}}|}}} chance}}}}}}<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|debuff}}</th><!-- --><td>{{#ifeq:{{{debufflink{{#var:number}}|}}}|no|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|link=|note2={{#var:chance}}}}<!-- -->|<!-- -->{{ifexists|{{#var:name}}|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|note2={{#var:chance}}}}<!-- -->|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|link=|note2={{#var:chance}}}}<!-- -->}}<!-- -->}}<!-- --><br/>{{{debuffchancenote{{#var:number}}|}}}<!-- --></td><!-- --></tr><!-- -->{{#if:{{{duration{{#var:number}}|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|debuffduration}}</th><!-- --><td>{{{duration{{#var:number}}|}}}</td><!-- --></tr><!-- -->}}<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|debufftip}}</th><!-- --><td><i>{{{debufftip{{#var:number}}|{{bufftip|{{#var:name}}}}}}}</i></td><!-- --></tr><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{NAMESPACE}}||<!-- -->{{#ifeq:{{{nocargo|}}}|yes||<!-- -->{{#forargs:debuff|number|name|<!-- -->{{#iferror:{{#expr:{{#var:number}}}}||<!-- -->{{#cargo_store:<!-- -->_table = NpcDebuffs<!-- -->|Npc = {{{name|{{#titleparts:{{PAGENAME}}}}}}}<!-- -->|Image = {{#if:{{{imagealt|}}}||File:{{{image|{{{name|{{#titleparts:{{PAGENAME}}}}}}}.png}}}}}<!-- -->|Imagealt = {{{imagealt|}}}<!-- -->|Debuff = {{{debuff{{#var:number}}}}}<!-- -->|Chance = {{{debuffchance{{#var:number}}|}}}<!-- -->|Duration = {{{duration{{#var:number}}|}}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{immune1|}}}{{{immuneall|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|immu}}</th><!-- --><td><!-- -->{{#vardefine:vulnerable|{{{immune1|}}}}}<!-- -->{{#if:{{{immuneall|}}}|<!-- -->{{#ifeq:{{#var:vulnerable}}||<!-- -->'''{{l10n|npc infobox|all}}'''<!-- -->|<!-- -->'''{{l10n|npc infobox|except}}:<br/>'''<!-- -->}}<!-- -->}}<!-- -->{{#forargs: immune<!-- -->| immuNum<!-- -->| debuff<!-- -->| {{#ifeq:{{#var:immuNum}}|all||{{item|mode=image|{{#var:debuff}}}}}}<!-- -->}}<!-- --></td><!-- --></tr><!-- -->{{#if:{{NAMESPACE}}|<!-- -->|{{#ifeq:{{{nocargo|}}}|yes||<!-- -->{{#cargo_store:<!-- -->_table = Immunities<!-- -->|Npc = {{{name|{{#titleparts:{{PAGENAME}}}}}}}<!-- -->|Link = {{#titleparts:{{PAGENAME}}}}<!-- -->|Image = {{#if:{{{imagealt|}}}||File:{{{image|{{{name|{{#titleparts:{{PAGENAME}}}}}}}.png}}}}}<!-- -->|Imagealt = {{{imagealt|}}}<!-- -->|Vulnerability = {{#ifeq:{{{immuneall|}}}|yes|1|0}}<!-- -->|Debuffs = {{#if:{{{immune1|}}}|{{#invoke:String|sub|{{#forargs:immune|number|name|{{#ifeq:{{#var:number}}|all||{{{immune{{#var:number}}|}}},}}}}|1|-2}}}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#ifeq: {{{banner|}}}|yes|<!-- --><tr><!-- --><th>{{trl|Banner}}</th><!-- --><td>{{item|{{{bannername|{{#dplvar:_npc_infobox:name}} Banner}}}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{buy|}}}{{{sell|}}}|<!-- --><tr><!-- --><th>[[{{l10n|npc infobox|value}}|{{#if:{{{buy|}}}|{{l10n|npc infobox|buy}}}}{{#switch:|{{{buy|}}}|{{{sell|}}}=|&nbsp;/&nbsp;}}{{#if:{{{sell|}}}|{{l10n|npc infobox|sell}}}}]]</th><!-- --><td><!-- -->{{#if:{{{buy|}}}|{{{buy}}}}}<!-- -->{{#switch: |{{{buy|}}}|{{{sell|}}}=|&nbsp;/&nbsp;}}<!-- -->{{#if:{{{sell|}}}|{{{sell}}}}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{tooltip|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|tooltip}}</th><!-- --><td>{{{tooltip|}}}</td><!-- --></tr><!-- -->}}<!-- --></table><!-- --></div><!-- div.section.statistics -->{{#if:{{#cargo_query:tables=DebuffResistances|where=Id="{{{resistances|{{#dplvar:_npc_infobox:name}}}}}"|default=}}|<!-- --><div class="section resistances"><!-- --><div class="title">{{l10n|npc infobox|resistances}}</div><!-- --><table class="resistances"><!-- -->{{Npc infobox/resistances|{{{resistances|{{#dplvar:_npc_infobox:name}}}}}}}<!-- --></table><!-- --></div><!-- div.section.resistances -->|}}<!-- --><div class="section drops"><!-- -->{{#if:{{{money|}}}|<!-- --><div class="title">{{l10n|npc infobox|drops}}</div><!-- --><table class="drops money"><!-- --><tr><!-- --><th>{{trl|Drops|Coins}}</th><!-- --><td>{{{money|0 {{cc}}}}}</td><!-- --></tr><!-- --></table><!-- -->}}<!-- -->{{#if:{{{1|}}}|<!-- --><ul class="drops items"><!-- --><li>{{l10n|npc infobox|items}}</li><!-- -->{{#dplvar:set|_npc_infobox:group|0}}<!-- //every 3 unnamed arguments form a group. -->{{#dplvar:set<!-- -->|_npc_infobox:group_arg_1|<!-- -->|_npc_infobox:group_arg_2|<!-- -->}}<!-- -->{{#fornumargs:i|v|<!-- -->{{#switch:{{#expr:{{#var:i}} mod 3}}<!-- -->|1={{#dplvar:set|_npc_infobox:group_arg_1|{{#var:v}}}}<!-- -->|2={{#dplvar:set|_npc_infobox:group_arg_2|{{#var:v}}}}<!-- -->|0={{npc infobox/drop|{{#dplvar:_npc_infobox:group_arg_1}}|{{#dplvar:_npc_infobox:group_arg_2}}|{{#var:v}}}}<!-- -->}}<!-- -->}}<!-- --></ul><!-- -->}}<!-- -->{{#if:{{{hurt|}}}{{{killed|}}}{{{sound|}}}|<div class="title">Sounds</div><!-- -->{{#if:{{{hurt|}}}|<!-- --><div class="ib_sound"><!-- -->{{#arraydefine:hurt|{{{hurt|}}}}}<!-- -->{{#arrayslice:noTextHurt|hurt|1}}<!-- -->{{sound|Hurt|{{#arrayindex:hurt|0}}}}<!-- -->{{#arrayprint:noTextHurt||@@@@|{{sound||@@@@}}}}<br/><!-- --></div><!-- -->}}<!-- -->{{#if:{{{killed|}}}|<!-- --><div class="ib_sound"><!-- -->{{#arraydefine:killed|{{{killed|}}}}}<!-- -->{{#arrayslice:noTextKilled|killed|1}}<!-- -->{{sound|Killed|{{#arrayindex:killed|0}}}}<!-- -->{{#arrayprint:noTextKilled||@@@@|{{sound||@@@@}}}}<br/><!-- --></div><!-- -->}}<!-- -->{{#forargs: sound<!-- -->| soundNum<!-- -->| soundText<!-- -->| {{#if:{{{sound{{#var:soundNum}}text|}}}|<!-- --><div class="ib_sound"><!-- -->{{#arraydefine:sounds|{{#var:soundText}}}}<!-- -->{{#arrayslice:noTextSounds|sounds|1}}<!-- -->{{sound|{{{sound{{#var:soundNum}}text|}}}|{{#arrayindex:sounds|0}}}}<!-- -->{{#arrayprint:noTextSounds||@@@@|{{sound||@@@@}}}}<br/><!-- --></div><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{image2|}}}|<!-- --><div class="image2"><!-- -->[[File:{{{image2|}}}|center|{{{image2}}}]]<!-- -->{{#if:{{{image2caption|}}}|<b><i>{{{image2caption|}}}</i></b>}}<!-- --></div><!-- -->}}<!-- -->{{#if:{{{image3|}}}|<!-- --><div class="image2"><!-- -->[[File:{{{image3|}}}|center|{{{image3}}}]]<!-- -->{{#if:{{{image3caption|}}}|<b><i>{{{image3caption|}}}</i></b>}}<!-- --></div><!-- -->}}<!-- --></div><!-- div.section.drops --></div><!--END div.infobox -->{{#if:{{NAMESPACE}}||<!-- -->{{#if:{{{type|}}}|<!-- -->{{#ifeq:{{{type|}}}|Background object|<!-- -->[[Category:Background object items]]<!-- -->|<!-- -->[[Category:{{{type}}} NPCs{{!}}{{PAGENAME}}]]<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{type2|}}}|[[Category:{{{type2}}} NPCs{{!}}{{PAGENAME}}]]}}<!-- -->{{#if:{{{type3|}}}|[[Category:{{{type3}}} NPCs{{!}}{{PAGENAME}}]]}}<!-- -->{{#if:{{{environment|}}}|[[Category:{{{environment}}} NPCs{{!}}{{PAGENAME}}]]}}<!-- -->{{#if:{{{environment2|}}}|[[Category:{{{environment2}}} NPCs{{!}}{{PAGENAME}}]]}}<!-- -->{{#if:{{{listcat|}}}|[[Category:{{{listcat}}} NPCs]]}}<!-- -->{{#if:{{{listcat2|}}}|[[Category:{{{listcat2}}} NPCs]]}}<!-- -->{{#if:{{{hardmode|}}}|[[Category:Hardmode-only NPCs]]}}<!-- -->{{#if:{{{postml|}}}|[[Category:Post-Moon Lord only NPCs]]}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude><!-- -->{{doc}}{{i18n-ready}}<!-- --></noinclude> 81d8e891cb8186aaec3a4fb0f6e0712b055c27b0 433 432 2025-07-19T08:13:32Z Squeaker 434557 wikitext text/x-wiki <noinclude> {{#cargo_attach _table = Immunities }} </noinclude><includeonly><!-- -->{{NpcDebuffs/CargoAttach}}<!-- -->{{#dplvar:set<!-- -->|_npc_infobox:name|{{{name|{{ROOTPAGENAME}}}}}<!-- -->}}<!-- --><div class="infobox npc {{lc:{{{type|}}}}}" style="<!-- -->{{#if:{{{width|{{{boxwidth|}}}}}}|width:{{{width|{{{boxwidth|}}}}}};}}<!-- -->{{#if:{{{float|}}}|float:{{{float|}}};}}<!-- -->"><!-- --><div class="title">{{#dplvar:_npc_infobox:name}}{{#if:{{{namesub|}}}|<span>{{{namesub|}}}</span>}}</div><!-- --><div class="section images"><!-- display: Because the first image may use imagealt, span is used to display the title of the first image. imagealt will not be affected if it has a text field (if imagealt = [[File:someimage.png|hello]], it will display 'hello') --><span title="{{#dplvar:t1}}">{{{imagealt|[[File:{{{image|{{#dplvar:_npc_infobox:name}}.png}}}]]}}}</span><!--First sprite now displayed --></div><!-- div.section.images //map icon -->{{#if:{{{map|}}}|<!-- --><div class="map"><!-- -->{{{map|}}}<br/><!-- --><b><i>Map icon</i></b><!-- --></div><!-- -->|<!-- -->{{#ifexist: Media:{{#dplvar:_npc_infobox:name}} {{#if:{{{namesub|}}}|{{{namesub|}}}}} map.png|<!-- --><div class="map"><!-- -->[[File:{{#dplvar:_npc_infobox:name}} {{#if:{{{namesub|}}}|{{{namesub|}}}}} map.png|{{#dplvar:_npc_infobox:name}} {{#if:{{{namesub|}}}|{{{namesub|}}}}}]]<br/><!-- --><b><i>Map icon</i></b><!-- --></div><!-- -->}}<!-- -->}}<!-- --><div class="section statistics"><!-- --><div class="title">{{l10n|npc infobox|stats}}</div><!-- --><table class="stat"><!-- -->{{#if: {{{type|Enemy}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|type}}</th><!-- --><td><!-- -->{{ifexists|{{{type|Enemy}}}|[[{{{type|Enemy}}}]]|{{{type|Enemy}}}}}<!-- -->{{#if:{{{type2|}}}|<!-- -->&#32;&ndash;&#32;{{ifexists|{{{type2}}}|[[{{{type2}}}]]|{{{type2}}}}}<!-- -->}}<!-- -->{{#if:{{{type3|}}}|<!-- --><br/>{{ifexists|{{{type3}}}|[[{{{type3}}}]]|{{{type3}}}}}<!-- -->}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{environment|}}}|<!-- --><tr><!-- --><th>{{trl|Environment}}</th><!-- --><td>[[{{{environment}}}]]{{#if:{{{environment2|}}}|&#32;&ndash;&#32;[[{{{environment2}}}]]}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{damage|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|damage}}</th><!-- --><td>{{{damage|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{life|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|life}}</th><!-- --><td>{{{life|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{defense|}}}|<!-- --><tr><!-- --><th>{{trl|Defense}}</th><!-- --><td>{{{defense|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{dr|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|dr}}</th><!-- --><td>{{#if:{{#dplreplace:{{#sub:{{{dr|}}}|-1|1}}|\d|}}|<!-- -->{{{dr|}}}|<!-- -->{{{dr|}}}%<!-- -->}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{knockback|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|kb}}</th><!-- --><td>{{{knockback|}}}<!-- -->{{#if:{{#pos:{{{knockback|}}}|/}}|<!-- -->{{#if:{{#pos:{{{knockback|}}}|%|{{#pos:{{{knockback|}}}|/}}}}||%}}<!-- -->|<!-- -->{{#if:{{#pos:{{{knockback|}}}|%}}||%}}<!-- -->}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{power|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|power}}</th><!-- --><td>{{{power|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{buff|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|buff}}</th><!-- --><td>{{#ifeq:{{{bufflink|}}}|yes|{{item|{{{buff}}}}}|{{item|{{{buff}}}|link=}}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{buffduration|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|buffduration}}</th><!-- --><td>{{{buffduration|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{buff|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|bufftip}}</th><!-- --><td><i>{{{bufftip|{{bufftip|{{{buff}}}}}}}}</i></td><!-- --></tr><!-- -->}}<!-- -->{{#forargs:debuff|number|name|<!-- -->{{#iferror:{{#expr:{{#var:number}}}}||<!-- -->{{#if:{{{debuff5|}}}||<!-- -->{{#vardefine:_debufftxt|{{{debufftext{{#var:number}}|{{#explode:{{#var:name}}|(debuff)|0}}}}}}}<!-- -->{{#vardefine:chance|{{#if:{{{debuffchance{{#var:number}}|}}}|{{#ifeq:{{#sub:{{{debuffchance{{#var:number}}|}}}|-2}}|##|{{#sub:{{{debuffchance{{#var:number}}|}}}|0|-2}}|{{{debuffchance{{#var:number}}|}}} chance}}}}}}<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|debuff}}</th><!-- --><td>{{#ifeq:{{{debufflink{{#var:number}}|}}}|no|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|link=|note2={{#var:chance}}}}<!-- -->|<!-- -->{{ifexists|{{#var:name}}|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|note2={{#var:chance}}}}<!-- -->|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|link=|note2={{#var:chance}}}}<!-- -->}}<!-- -->}}<!-- --><br/>{{{debuffchancenote{{#var:number}}|}}}<!-- --></td><!-- --></tr><!-- -->{{#if:{{{duration{{#var:number}}|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|debuffduration}}</th><!-- --><td>{{{duration{{#var:number}}|}}}</td><!-- --></tr><!-- -->}}<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|debufftip}}</th><!-- --><td><i>{{{debufftip{{#var:number}}|{{bufftip|{{#var:name}}}}}}}</i></td><!-- --></tr><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{NAMESPACE}}||<!-- -->{{#ifeq:{{{nocargo|}}}|yes||<!-- -->{{#forargs:debuff|number|name|<!-- -->{{#iferror:{{#expr:{{#var:number}}}}||<!-- -->{{#cargo_store:<!-- -->_table = NpcDebuffs<!-- -->|Npc = {{{name|{{#titleparts:{{PAGENAME}}}}}}}<!-- -->|Image = {{#if:{{{imagealt|}}}||File:{{{image|{{{name|{{#titleparts:{{PAGENAME}}}}}}}.png}}}}}<!-- -->|Imagealt = {{{imagealt|}}}<!-- -->|Debuff = {{{debuff{{#var:number}}}}}<!-- -->|Chance = {{{debuffchance{{#var:number}}|}}}<!-- -->|Duration = {{{duration{{#var:number}}|}}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{immune1|}}}{{{immuneall|}}}|<!-- --><tr class="buff"><!-- --><th>{{l10n|npc infobox|immu}}</th><!-- --><td><!-- -->{{#vardefine:vulnerable|{{{immune1|}}}}}<!-- -->{{#if:{{{immuneall|}}}|<!-- -->{{#ifeq:{{#var:vulnerable}}||<!-- -->'''{{l10n|npc infobox|all}}'''<!-- -->|<!-- -->'''{{l10n|npc infobox|except}}:<br/>'''<!-- -->}}<!-- -->}}<!-- -->{{#forargs: immune<!-- -->| immuNum<!-- -->| debuff<!-- -->| {{#ifeq:{{#var:immuNum}}|all||{{item|mode=image|{{#var:debuff}}}}}}<!-- -->}}<!-- --></td><!-- --></tr><!-- -->{{#if:{{NAMESPACE}}|<!-- -->|{{#ifeq:{{{nocargo|}}}|yes||<!-- -->{{#cargo_store:<!-- -->_table = Immunities<!-- -->|Npc = {{{name|{{#titleparts:{{PAGENAME}}}}}}}<!-- -->|Link = {{#titleparts:{{PAGENAME}}}}<!-- -->|Image = {{#if:{{{imagealt|}}}||File:{{{image|{{{name|{{#titleparts:{{PAGENAME}}}}}}}.png}}}}}<!-- -->|Imagealt = {{{imagealt|}}}<!-- -->|Vulnerability = {{#ifeq:{{{immuneall|}}}|yes|1|0}}<!-- -->|Debuffs = {{#if:{{{immune1|}}}|{{#invoke:String|sub|{{#forargs:immune|number|name|{{#ifeq:{{#var:number}}|all||{{{immune{{#var:number}}|}}},}}}}|1|-2}}}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#ifeq: {{{banner|}}}|yes|<!-- --><tr><!-- --><th>{{trl|Banner}}</th><!-- --><td>{{item|{{{bannername|{{#dplvar:_npc_infobox:name}} Banner}}}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if: {{{buy|}}}{{{sell|}}}|<!-- --><tr><!-- --><th>[[{{l10n|npc infobox|value}}|{{#if:{{{buy|}}}|{{l10n|npc infobox|buy}}}}{{#switch:|{{{buy|}}}|{{{sell|}}}=|&nbsp;/&nbsp;}}{{#if:{{{sell|}}}|{{l10n|npc infobox|sell}}}}]]</th><!-- --><td><!-- -->{{#if:{{{buy|}}}|{{{buy}}}}}<!-- -->{{#switch: |{{{buy|}}}|{{{sell|}}}=|&nbsp;/&nbsp;}}<!-- -->{{#if:{{{sell|}}}|{{{sell}}}}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{tooltip|}}}|<!-- --><tr><!-- --><th>{{l10n|npc infobox|tooltip}}</th><!-- --><td>{{{tooltip|}}}</td><!-- --></tr><!-- -->}}<!-- --></table><!-- --></div><!-- div.section.statistics --><div class="section drops"><!-- -->{{#if:{{{money|}}}|<!-- --><div class="title">{{l10n|npc infobox|drops}}</div><!-- --><table class="drops money"><!-- --><tr><!-- --><th>{{trl|Drops|Coins}}</th><!-- --><td>{{{money|0 {{cc}}}}}</td><!-- --></tr><!-- --></table><!-- -->}}<!-- -->{{#if:{{{1|}}}|<!-- --><ul class="drops items"><!-- --><li>{{l10n|npc infobox|items}}</li><!-- -->{{#dplvar:set|_npc_infobox:group|0}}<!-- //every 3 unnamed arguments form a group. -->{{#dplvar:set<!-- -->|_npc_infobox:group_arg_1|<!-- -->|_npc_infobox:group_arg_2|<!-- -->}}<!-- -->{{#fornumargs:i|v|<!-- -->{{#switch:{{#expr:{{#var:i}} mod 3}}<!-- -->|1={{#dplvar:set|_npc_infobox:group_arg_1|{{#var:v}}}}<!-- -->|2={{#dplvar:set|_npc_infobox:group_arg_2|{{#var:v}}}}<!-- -->|0={{npc infobox/drop|{{#dplvar:_npc_infobox:group_arg_1}}|{{#dplvar:_npc_infobox:group_arg_2}}|{{#var:v}}}}<!-- -->}}<!-- -->}}<!-- --></ul><!-- -->}}<!-- -->{{#if:{{{hurt|}}}{{{killed|}}}{{{sound|}}}|<div class="title">Sounds</div><!-- -->{{#if:{{{hurt|}}}|<!-- --><div class="ib_sound"><!-- -->{{#arraydefine:hurt|{{{hurt|}}}}}<!-- -->{{#arrayslice:noTextHurt|hurt|1}}<!-- -->{{sound|Hurt|{{#arrayindex:hurt|0}}}}<!-- -->{{#arrayprint:noTextHurt||@@@@|{{sound||@@@@}}}}<br/><!-- --></div><!-- -->}}<!-- -->{{#if:{{{killed|}}}|<!-- --><div class="ib_sound"><!-- -->{{#arraydefine:killed|{{{killed|}}}}}<!-- -->{{#arrayslice:noTextKilled|killed|1}}<!-- -->{{sound|Killed|{{#arrayindex:killed|0}}}}<!-- -->{{#arrayprint:noTextKilled||@@@@|{{sound||@@@@}}}}<br/><!-- --></div><!-- -->}}<!-- -->{{#forargs: sound<!-- -->| soundNum<!-- -->| soundText<!-- -->| {{#if:{{{sound{{#var:soundNum}}text|}}}|<!-- --><div class="ib_sound"><!-- -->{{#arraydefine:sounds|{{#var:soundText}}}}<!-- -->{{#arrayslice:noTextSounds|sounds|1}}<!-- -->{{sound|{{{sound{{#var:soundNum}}text|}}}|{{#arrayindex:sounds|0}}}}<!-- -->{{#arrayprint:noTextSounds||@@@@|{{sound||@@@@}}}}<br/><!-- --></div><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{image2|}}}|<!-- --><div class="image2"><!-- -->[[File:{{{image2|}}}|center|{{{image2}}}]]<!-- -->{{#if:{{{image2caption|}}}|<b><i>{{{image2caption|}}}</i></b>}}<!-- --></div><!-- -->}}<!-- -->{{#if:{{{image3|}}}|<!-- --><div class="image2"><!-- -->[[File:{{{image3|}}}|center|{{{image3}}}]]<!-- -->{{#if:{{{image3caption|}}}|<b><i>{{{image3caption|}}}</i></b>}}<!-- --></div><!-- -->}}<!-- --></div><!-- div.section.drops --></div><!--END div.infobox -->{{#if:{{NAMESPACE}}||<!-- -->{{#if:{{{type|}}}|<!-- -->{{#ifeq:{{{type|}}}|Background object|<!-- -->[[Category:Background object items]]<!-- -->|<!-- -->[[Category:{{{type}}} NPCs{{!}}{{PAGENAME}}]]<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{type2|}}}|[[Category:{{{type2}}} NPCs{{!}}{{PAGENAME}}]]}}<!-- -->{{#if:{{{type3|}}}|[[Category:{{{type3}}} NPCs{{!}}{{PAGENAME}}]]}}<!-- -->{{#if:{{{environment|}}}|[[Category:{{{environment}}} NPCs{{!}}{{PAGENAME}}]]}}<!-- -->{{#if:{{{environment2|}}}|[[Category:{{{environment2}}} NPCs{{!}}{{PAGENAME}}]]}}<!-- -->{{#if:{{{listcat|}}}|[[Category:{{{listcat}}} NPCs]]}}<!-- -->{{#if:{{{listcat2|}}}|[[Category:{{{listcat2}}} NPCs]]}}<!-- -->{{#if:{{{hardmode|}}}|[[Category:Hardmode-only NPCs]]}}<!-- -->{{#if:{{{postml|}}}|[[Category:Post-Moon Lord only NPCs]]}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude><!-- -->{{doc}}{{i18n-ready}}<!-- --></noinclude> b19484d2c4eec2429354b9cb6c292170026e4ec6 10 366 434 2025-07-19T08:14:23Z Squeaker 434557 Created page with "<includeonly></includeonly><noinclude>{{#cargo_attach:_table=NpcDebuffs}} [[Category:Templates]] </noinclude>" wikitext text/x-wiki <includeonly></includeonly><noinclude>{{#cargo_attach:_table=NpcDebuffs}} [[Category:Templates]] </noinclude> e5fe42b4234f1ed658e57cd8ec515a1fe7cb8895 10 367 435 2025-07-19T08:14:49Z Squeaker 434557 Created page with "<includeonly>{{#if:{{{2|}}}|[[{{tr|{{{1}}}|link=y|lang={{{lang|{{lang}}}}}}}|{{tr|{{{2}}}|lang={{{lang|{{lang}}}}}}}]]|[[{{tr|{{{1}}}|link=y|lang={{{lang|{{lang}}}}}}}|{{tr|{{{1}}}|lang={{{lang|{{lang}}}}}}}]]}}</includeonly><!-- --><noinclude>{{doc}}[[Category:Shortcut templates]]</noinclude>" wikitext text/x-wiki <includeonly>{{#if:{{{2|}}}|[[{{tr|{{{1}}}|link=y|lang={{{lang|{{lang}}}}}}}|{{tr|{{{2}}}|lang={{{lang|{{lang}}}}}}}]]|[[{{tr|{{{1}}}|link=y|lang={{{lang|{{lang}}}}}}}|{{tr|{{{1}}}|lang={{{lang|{{lang}}}}}}}]]}}</includeonly><!-- --><noinclude>{{doc}}[[Category:Shortcut templates]]</noinclude> 94cc514f9edbdfc656b44f722d48885a8a96d253 6 368 438 2025-07-19T09:06:08Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 369 439 2025-07-19T09:14:46Z Squeaker 434557 Created page with "{{buff infobox | type = Debuff | image = Buff - Heartache.png | tooltip = You are taking damage. | effects = -6 health per second |Dread Shell|Lump of Flesh|Soul of the Master|Soul of Eternity }} '''Anticoagulation ''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that causes continuous damage over time by lowering life regeneration. When combined with the {{item|image=On Fire!.png|tgc:On Fire!|On Fire!}} debuff, the player will emit blood dust effects. The debuff..." wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - Heartache.png | tooltip = You are taking damage. | effects = -6 health per second |Dread Shell|Lump of Flesh|Soul of the Master|Soul of Eternity }} '''Anticoagulation ''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that causes continuous damage over time by lowering life regeneration. When combined with the {{item|image=On Fire!.png|tgc:On Fire!|On Fire!}} debuff, the player will emit blood dust effects. The debuff is continuously applied when the player has the {{item|image=Happy!.png|tgc:Happy!|Happy!}} buff, which is acquired by being around [[tgc:Sunflower|Sunflowers]]. == Causes == === From Environment === {| class="terraria sortable" ! colspan=2 | From ! Duration |- |{{item|mode=table|wrap=y|image=Sunflower (placed).png|tgc:Sunflower|Sunflower}} | 0.5 seconds |} == Trivia == *The debuff originates from the "Kaizo terraria" mod, which was a 1.3 mod that, like the name suggests, added frustratingly difficult content to Terraria. e33a662adbc66f22b722c7dc2e762d10ae1866fa 440 439 2025-07-19T09:15:05Z Squeaker 434557 wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - Heartache.png | tooltip = You are taking damage. | effects = -6 health per second |Dread Shell|Lump of Flesh|Soul of the Master|Soul of Eternity }} '''Anticoagulation ''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that causes continuous damage over time by lowering life regeneration. When combined with the {{item|image=On Fire!.png|tgc:On Fire!|On Fire!}} debuff, the player will emit blood dust effects. The debuff is continuously applied when the player has the {{item|image=Happy!.png|tgc:Happy!|Happy!}} buff, which is acquired by being around [[tgc:Sunflower|Sunflowers]]. == Causes == === From Environment === {| class="terraria sortable" ! colspan=2 | From ! Duration |- |{{item|mode=table|wrap=y|image=Sunflower (placed).png|tgc:Sunflower|Sunflower}} | 0.5 seconds |} == Trivia == *The debuff originates from the "Kaizo Terraria" mod, which was a 1.3 mod that, like the name suggests, added frustratingly difficult content to Terraria. 1aef06dcf48be4161ba8ea972404977242da9761 441 440 2025-07-19T09:24:42Z Squeaker 434557 wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - Heartache.png | tooltip = You are taking damage. | effects = -6 health per second |Dread Shell|Lump of Flesh|Soul of the Master|Soul of Eternity }} '''Anticoagulation ''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that causes continuous damage over time by lowering life regeneration. When combined with the {{item|image=On Fire!.png|tgc:On Fire!|On Fire!}} debuff, the player will emit blood dust effects. The debuff is continuously applied when the player has the {{item|image=Happy!.png|tgc:Happy!|Happy!}} buff, which is acquired by being around [[tgc:Sunflower|Sunflowers]]. == Causes == === From Environment === {| class="terraria sortable" ! colspan=2 | From ! Duration |- |{{item|mode=table|wrap=y|image=Sunflower (placed).png|tgc:Sunflower|Sunflower}} | 0.5 seconds |} == Trivia == *The debuff originated from the "Kaizo Terraria" mod, which was a 1.3 mod that, like the name suggests, added frustratingly difficult content to Terraria. 0aa6f598968463b1e81bafd2fc1334bceaa5c3e9 442 441 2025-07-20T22:19:31Z Squeaker 434557 wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - Heartache.png | tooltip = You are taking damage. | effects = -6 health per second |Dread Shell|Lump of Flesh|Soul of the Master|Soul of Eternity }} '''Heartache''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that causes continuous damage over time by lowering life regeneration. When combined with the {{item|image=On Fire!.png|tgc:On Fire!|On Fire!}} debuff, the player will emit blood dust effects. The debuff is continuously applied when the player has the {{item|image=Happy!.png|tgc:Happy!|Happy!}} buff, which is acquired by being around [[tgc:Sunflower|Sunflowers]]. == Causes == === From Environment === {| class="terraria sortable" ! colspan=2 | From ! Duration |- |{{item|mode=table|wrap=y|image=Sunflower (placed).png|tgc:Sunflower|Sunflower}} | 0.5 seconds |} == Trivia == *The debuff originated from the "Kaizo Terraria" mod, which was a 1.3 mod that, like the name suggests, added frustratingly difficult content to Terraria. 42a0835dbbfb71a3761cf869f9f18a62f9e6dcfe 453 442 2025-07-21T04:48:49Z Squeaker 434557 wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | tooltip = You are taking damage. | effects = -6 health per second |Dread Shell|Lump of Flesh|Soul of the Master|Soul of Eternity }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that causes continuous damage over time by lowering life regeneration. When combined with the {{item|image=On Fire!.png|tgc:On Fire!|On Fire!}} debuff, the player will emit blood dust effects. The debuff is continuously applied when the player has the {{item|image=Happy!.png|tgc:Happy!|Happy!}} buff, which is acquired by being around [[tgc:Sunflower|Sunflowers]]. == Causes == === From Environment === {| class="terraria sortable" ! colspan=2 | From ! Duration |- |{{item|mode=table|wrap=y|image=Sunflower (placed).png|tgc:Sunflower|Sunflower}} | 0.5 seconds |} == Trivia == *The debuff originated from the "Kaizo Terraria" mod, which was a 1.3 mod that, like the name suggests, added frustratingly difficult content to Terraria. 02a8be4cf06294eb33afc5bef66530b7babd1c2c 6 370 443 2025-07-20T22:22:50Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 371 444 2025-07-20T22:32:08Z Squeaker 434557 Created page with "{{buff infobox | type = Debuff | image = Buff - Depression.png | tooltip = You deal 25% less damage. | effects = -25% damage |Dread Shell|Lump of Flesh|Soul of the Master|Soul of Eternity }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player's total damage by 25%. The debuff is acquired when a [[tgc:NPCs#Town NPCs|Town NPC]] dies within a 500 pixel radius of the player. == Causes == === From Environment === {| class="terra..." wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - Depression.png | tooltip = You deal 25% less damage. | effects = -25% damage |Dread Shell|Lump of Flesh|Soul of the Master|Soul of Eternity }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player's total damage by 25%. The debuff is acquired when a [[tgc:NPCs#Town NPCs|Town NPC]] dies within a 500 pixel radius of the player. == Causes == === From Environment === {| class="terraria sortable" ! colspan=2 | From ! Duration |- |{{item|mode=table|wrap=y|image=Any Caught NPC.gif|tgc:NPCs#Town NPCs|Town NPCs}} | 5 minutes |} == Trivia == *The debuff originated from the "Kaizo Terraria" mod, which was a 1.3 mod that, like the name suggests, added frustratingly difficult content to Terraria. *The debuff does not save on logout, nor can it be used in PvP. dd2b73ec2ae070cabf79ce102930194d8a900d23 445 444 2025-07-20T22:32:43Z Squeaker 434557 wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | tooltip = You deal 25% less damage. | effects = -25% damage |Dread Shell|Lump of Flesh|Soul of the Master|Soul of Eternity }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player's total damage by 25%. The debuff is acquired when a [[tgc:NPCs#Town NPCs|Town NPC]] dies within a 500 pixel radius of the player. == Causes == === From Environment === {| class="terraria sortable" ! colspan=2 | From ! Duration |- |{{item|mode=table|wrap=y|image=Any Caught NPC.gif|tgc:NPCs#Town NPCs|Town NPCs}} | 5 minutes |} == Trivia == *The debuff originated from the "Kaizo Terraria" mod, which was a 1.3 mod that, like the name suggests, added frustratingly difficult content to Terraria. *The debuff does not save on logout, nor can it be used in PvP. 77d74fc812ba4199ee02ff112c48bab40a412bc7 0 372 446 2025-07-21T00:27:47Z Ricyez 607249 Created page with "{{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | tooltip = You're a shame. | effects = -100% damage }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player's total damage by 100%. The debuff is not acquirable. == Trivia == *The debuff originated from the "Kaizo Terraria" mod, which was a 1.3 mod that, like the name suggests, added frustratingly difficult content to Terraria. *The debuff does not save o..." wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | tooltip = You're a shame. | effects = -100% damage }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player's total damage by 100%. The debuff is not acquirable. == Trivia == *The debuff originated from the "Kaizo Terraria" mod, which was a 1.3 mod that, like the name suggests, added frustratingly difficult content to Terraria. *The debuff does not save on logout, nor can it be used in PvP. f7990a97261b6b024a74ab425cfafae56a03fd2e 447 446 2025-07-21T00:31:46Z Ricyez 607249 Ricyez renamed page [[Debuffs]] to [[Failure]]: Misspelled title wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | tooltip = You're a shame. | effects = -100% damage }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player's total damage by 100%. The debuff is not acquirable. == Trivia == *The debuff originated from the "Kaizo Terraria" mod, which was a 1.3 mod that, like the name suggests, added frustratingly difficult content to Terraria. *The debuff does not save on logout, nor can it be used in PvP. f7990a97261b6b024a74ab425cfafae56a03fd2e 0 374 449 2025-07-21T04:15:29Z Ricyez 607249 correction on grammar wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | tooltip = If there is something beyond a god,he is probably mad at you to throw that many things at once.. | effects = Drastically reduces the player's damage and movement speed and disables critical hits. }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]] exclusive [[Debuff|debuff]] that drastically reduces the player's damage and movement speed, applies severe health degeneration, and disables critical hits. == Causes == Running away from Deviantt (Boss) == Trivia == *Can only be inflicted by Deviantt (Boss) fe50a3d6a3966773d5de201f47185684376dc2dc 6 375 450 2025-07-21T04:39:49Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 10 376 451 2025-07-21T04:45:37Z Squeaker 434557 Created page with "<includeonly><!-- --><{{#vardefineecho:_tagname|{{#if:{{{block|}}}|div|span}}}} class="note-text {{#if:{{{small|}}}|small}}"><!-- -->{{{prefix|{{{before|}}}}}}<!-- -->{{#if:{{#vardefineecho:_note:paren|{{{paren|}}}}}|(}}<!-- -->{{{1|}}}<!-- -->{{#if:{{#var:_note:paren}}|)}}<!-- --></{{#var:_tagname}}><!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude>" wikitext text/x-wiki <includeonly><!-- --><{{#vardefineecho:_tagname|{{#if:{{{block|}}}|div|span}}}} class="note-text {{#if:{{{small|}}}|small}}"><!-- -->{{{prefix|{{{before|}}}}}}<!-- -->{{#if:{{#vardefineecho:_note:paren|{{{paren|}}}}}|(}}<!-- -->{{{1|}}}<!-- -->{{#if:{{#var:_note:paren}}|)}}<!-- --></{{#var:_tagname}}><!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 368d4a94510d5aedd3fb490fe55583ff0c868c84 0 377 452 2025-07-21T04:47:57Z Squeaker 434557 Created page with "{{buff infobox | type = Debuff | image = Buff - DebuffTemplate.png | tooltip = Mods.Satanist.Buffs.IHateYouIHateYouIHateYou.Description | effects = -25% HP {{note|small=y|block=y|paren=y|current and total}} }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player's total health by 25%, as well as reducing the player's total health by 25%. The debuff is currently unimplemented, == Causes == Due to the fact that the buff remai..." wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - DebuffTemplate.png | tooltip = Mods.Satanist.Buffs.IHateYouIHateYouIHateYou.Description | effects = -25% HP {{note|small=y|block=y|paren=y|current and total}} }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player's total health by 25%, as well as reducing the player's total health by 25%. The debuff is currently unimplemented, == Causes == Due to the fact that the buff remains unimplemented, it has no cause. == Trivia == *If the debuff were to be implemented, it would not save on logout, nor could it be used in PvP. ae73576f8d3c016117a3cc855b1a2810d567a243 0 6 454 11 2025-07-21T05:47:55Z Squeaker 434557 wikitext text/x-wiki {{Main page box/start | title = About Satanist Mode }} Satanist Mode is an expansion to the Fargo's Souls difficulty selection that only serves to make the player suffer brutally. From new boss design, to funky, quirky enemies and NPCs, Satanist Mode is a classic staple of what defines the trope of "Do ___ next!" Originally, Satanist Mode was a heavy compilation of many mods, such as the "Kaizo Terraria" mod; moving from 1.3 to 1.4, however, the mod would begin to take a new light and become its own standalone mod, albeit with the content that defined the pack. <div style="text-align:right">[[Satanist Mode|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 0240d44fc32d22ef5a125cb8356f831a8d16a87b 6 378 455 2025-07-21T05:55:18Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 14 379 456 2025-07-21T05:55:44Z Squeaker 434557 Created blank page wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 14 380 457 2025-07-21T05:56:28Z Squeaker 434557 Created blank page wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 325 458 387 2025-07-21T05:56:57Z Squeaker 434557 wikitext text/x-wiki {{npc infobox | imagealt = [[File:NPC - Monstrocity.gif]] | type = NPC | ai = Passive | life = 250<br/>5000 <small>post-[[tgc:Moon Lord|Moon Lord]]</small> | defense = 15<br/>50 <small>post-[[tgc:Moon Lord|Moon Lord]]</small> | knockback = 50 | damage = 500 | image2 = Map Icon Monstrocity.png | image2caption = Map Icon }} The '''Monstrocity''' is an [[tgc:NPC|NPC]] vendor that will spawn once the following conditions have been met: * There is an empty house. * The world is in [[tgc:Hardmode|Hardmode]]. * The world is in [[fgm:Eternity mode|Eternity Mode]]. Monstrocity does not attack any enemies and thus cannot defend itself. == Items sold == {{inventory |Agitating Lens|{{gc|5}}| |Slimy Shield|{{gc|5}}|After defeating [[fgm:King Slime|King Slime]]. |Gutted Heart|{{gc|10}}|After defeating [[fgm:Brain of Cthulhu|Brain of Cthulhu]]. |The Queen's Stinger|{{gc|15}}|After defeating [[fgm:Queen Bee|Queen Bee]]. |Necromantic Brew|{{gc|15}}|After defeating [[fgm:Skeletron|Skeletron]]. |Remote Control|{{gc|20}}|After defeating [[fgm:The Destroyer|The Destroyer]]. |Fused Lens|{{gc|20}}|After defeating [[fgm:The Twins|The Twins]]. |Reinforced Plating|{{gc|20}}|After defeating [[fgm:Skeletron Prime|Skeletron Prime]]. |Magical Bulb|{{gc|30}}|After defeating [[fgm:Plantera|Plantera]]. |Lihzahrd Treasure Box|{{gc|30}}|After defeating [[fgm:Golem|Golem]]. |Mutant Antibodies|{{gc|35}}|After defeating [[fgm:Duke Fishron|Duke Fishron]]. |Chalice of the Moon|{{gc|40}}|After defeating [[fgm:Moon Lord|Moon Lord]]. }} == Living preferences == The Monstrocity has no living preference. == Names == The Monstrocity can have the following names: * Fardus * Sussyus * Hatin * Atrocity * Weirdgeddon * Chiper * Noel * Zeycir * Bigus * Spoinkers * La creatura * Entity666 * Herobrine * Yyret * Wargofilwta * Bussy * Senpai * TheLorde * Bakarim * Apotheosis * Sadus * Spamton == Quotes == === Chat Quotes === {{Collapse top}} * "Mutant? he is not the strongest one out of we y'all here" {{sic}} * "Yharim? that huge army maybe it's just huge to disguise something small" {{sic}} * "Soul of eternity is not enough to face me, let alone 10 of it" {{sic}} * "Why would i be afraid of a cat? even more than one who has no body" {{sic}} * "Devourer of Gods don't come face me because I'm above god's standard" {{sic}} * "It would be a calamity for you not to buy my products" {{sic}} * "how old am i? I'm some Eternity years old" {{sic}} * "When abomination went to register at the registry office they put an extra 'N' in his name" {{sic}} * "You don't want to see me in boss form" {{sic}} * "My creator? Don't mention it if you don't want to see me angry" {{sic}} * "I'm the reason why Seth got his face covered with that bandana" {{sic}} * "1.4? maybe in a few years" {{sic}} * "there's an imposter among us, he's me! I don't really belong anywhere" {{sic}} * "Galactica has a friend of mine, you should visit him" {{sic}} * "I heard rumors about a creature with 'Ex' in its name, that doesn't sound so good" {{sic}} * "Deviantt likes my look" {{sic}} * "I am the real evil presence that watches you" {{sic}} * Split me? nah that would be a calamity , imagine if some Elements awoken from my dead body, that would be a cataclysm, and this world would not be worthy to witness this" {{sic}} * "you are in a deep sleep for 52 years, please wake up" {{sic}} * "I heard about Whips, they boost your damage, I don't like it." {{sic}} * "Why don't I attack? Ah that's a nice question, I don't think it's necessary." {{sic}} * "My hp is limited to this world, but i would prob get 22^22^22^22 times this" {{sic}} * "Eternity doesn't last that long when you are old enough. " {{sic}} * "MonsterMadHouse scares me." * "Sunflowers are cool, not for your health tho" {{sic}} * "Turip ip ip ip" * "Are you approaching me? Can't but my stuff if you don't get closer " {{sic}} * "There is a pipe bomb inside your walls" {{sic}} * "A lot of things explode for no reason" {{sic}} * "Megalovania isn't funny" {{sic}} * "I may be in love with the Forbotten one, don't search her up on Google please" {{sic}} * "Did you know that market got inflated prices bc of some sonic books? Don't trust me? Search up Sonic inflation on google to learn more ab it!" {{sic}} * "Pingas" {{sic}} * "Yippe!" {{sic}} * "You know the rules! And you will die. Im not going to rickroll you, that's only 0,00001% chance" {{sic}} {{Collapse bottom}} === Happiness quotes === {{Collapse top}} '''When homeless:''' * "I hate not having a home." '''When neutral:''' * "I am content." '''When far from home:''' * "I am too far from home." '''When in a sparse area:''' * "I love having so much space." '''When overcrowded:''' * "I dislike how crowded I am." * "I hate how crowded I am." '''When near the [[Princess]]:''' * "I like <Name of Princess>." {{collapse bottom}} == Notes == * The Monstrocity's shop is very broken, with recent testing only yielding two items being displayed. ** Additionally, several [[fgm:Eternity Mode|Eternity Mode]] accessories are notably absent from the list. == Trivia == *The Monstrocity's design is based on several drops and enemies from the [[clm:|Calamity Mod]]. **Its head is likely based on [[clm:The Plaguebringer Goliath|The Plaguebringer Goliath]]. **Its fangs are that of [[clm:Polterghast|Polterghast]]. **Its left arm is based on [[clm:The Slime God|The Slime God]]. **Its right arm is potentially based on the [[clm:The Old Duke|The Old Duke]]. ***This is unconfirmed. **Its torso is that of [[clm:The Devourer of Gods|The Devourer of Gods]]. **It wears [[clm:Yharon|Yharon's]] wings. **His left and right legs are likely based on the [[clm:Acid Rain|Acid Rain]] event and the [[clm:Ravager|Ravager]], respectively. *The name "Weirdgeddon" is likely a reference to Gravity Falls' "Weirdmageddon". *The names "Zeycir" and "Yyret", are flipped spellings of "Ricyez", the creator of the mod, and "Terry", one of the lead developers of the [[fgm:|Fargo's Mods]]. *The name "Wargofilwta" is a comedic rearrangement of "Fargowilta", one of the lead developers of the [[fgm:|Fargo's Mods]]. **The name has an additional "w", though this is likely intentional. *Several of the Monstrocity's names are references to creepypastas/internet horror. *The quote "Pingas" is a reference to Dr. Robotnik in Adventures of Sonic the Hedgehog, where his quote "Snooping as usual, I see?" was trimmed to simply "Pingas", which pervaded early YouTube. *The quote about "Sonic Inflation" is based on an internet meme that encourages users to look up mature content by masquerading the topic as an innocent factoid. **It is very much '''NOT''' encouraged to look this up. *Ricyez has confirmed that Monstrocity's pronouns are La/ruga, which is based on a Calamity fan theory about a Godseeker Mode [[tgc:Bosses#Event Bosses|mini boss]] that rarely spawns in the fourth layer of the [[clm:Abyss|Abyss]]. *The NPC was coded by "smh my head", one of the Fargo's Mods sever moderators. *The original sprite sheet came from "Vades Op Sword Mod", which was a meme mod in 1.3. <!-- {{Bestiary}} --!> == History == To be announced. <!-- {{Satanist Mode Content | show-main = yes | show-npcs = yes }} --!> [[Category:NPCs]] 10f1f75ec314e4cf425c70c8d6b895fb0c95ae59 463 458 2025-07-21T06:28:56Z Squeaker 434557 wikitext text/x-wiki {{npc infobox | imagealt = [[File:NPC - Monstrocity.gif]] | type = NPC | ai = Passive | life = 250<br/>5000 <small>post-[[tgc:Moon Lord|Moon Lord]]</small> | defense = 15<br/>50 <small>post-[[tgc:Moon Lord|Moon Lord]]</small> | knockback = 50 | damage = 500 | image2 = Map Icon Monstrocity.png | image2caption = Map Icon }} The '''Monstrocity''' is an [[tgc:NPC|NPC]] vendor that will spawn once the following conditions have been met: * There is an empty house. * The world is in [[tgc:Hardmode|Hardmode]]. * The world is in [[fgm:Eternity mode|Eternity Mode]]. Monstrocity does not attack any enemies and thus cannot defend itself. == Items sold == {{inventory |Agitating Lens|{{gc|5}}| |Slimy Shield|{{gc|5}}|After defeating [[fgm:King Slime|King Slime]]. |Gutted Heart|{{gc|10}}|After defeating [[fgm:Brain of Cthulhu|Brain of Cthulhu]]. |The Queen's Stinger|{{gc|15}}|After defeating [[fgm:Queen Bee|Queen Bee]]. |Necromantic Brew|{{gc|15}}|After defeating [[fgm:Skeletron|Skeletron]]. |Remote Control|{{gc|20}}|After defeating [[fgm:The Destroyer|The Destroyer]]. |Fused Lens|{{gc|20}}|After defeating [[fgm:The Twins|The Twins]]. |Reinforced Plating|{{gc|20}}|After defeating [[fgm:Skeletron Prime|Skeletron Prime]]. |Magical Bulb|{{gc|30}}|After defeating [[fgm:Plantera|Plantera]]. |Lihzahrd Treasure Box|{{gc|30}}|After defeating [[fgm:Golem|Golem]]. |Mutant Antibodies|{{gc|35}}|After defeating [[fgm:Duke Fishron|Duke Fishron]]. |Chalice of the Moon|{{gc|40}}|After defeating [[fgm:Moon Lord|Moon Lord]]. }} == Living preferences == The Monstrocity has no living preference. == Names == The Monstrocity can have the following names: * Fardus * Sussyus * Hatin * Atrocity * Weirdgeddon * Chiper * Noel * Zeycir * Bigus * Spoinkers * La creatura * Entity666 * Herobrine * Yyret * Wargofilwta * Bussy * Senpai * TheLorde * Bakarim * Apotheosis * Sadus * Spamton == Quotes == === Chat Quotes === {{Collapse top}} * "Mutant? he is not the strongest one out of we y'all here" {{sic}} * "Yharim? that huge army maybe it's just huge to disguise something small" {{sic}} * "Soul of eternity is not enough to face me, let alone 10 of it" {{sic}} * "Why would i be afraid of a cat? even more than one who has no body" {{sic}} * "Devourer of Gods don't come face me because I'm above god's standard" {{sic}} * "It would be a calamity for you not to buy my products" {{sic}} * "how old am i? I'm some Eternity years old" {{sic}} * "When abomination went to register at the registry office they put an extra 'N' in his name" {{sic}} * "You don't want to see me in boss form" {{sic}} * "My creator? Don't mention it if you don't want to see me angry" {{sic}} * "I'm the reason why Seth got his face covered with that bandana" {{sic}} * "1.4? maybe in a few years" {{sic}} * "there's an imposter among us, he's me! I don't really belong anywhere" {{sic}} * "Galactica has a friend of mine, you should visit him" {{sic}} * "I heard rumors about a creature with 'Ex' in its name, that doesn't sound so good" {{sic}} * "Deviantt likes my look" {{sic}} * "I am the real evil presence that watches you" {{sic}} * Split me? nah that would be a calamity , imagine if some Elements awoken from my dead body, that would be a cataclysm, and this world would not be worthy to witness this" {{sic}} * "you are in a deep sleep for 52 years, please wake up" {{sic}} * "I heard about Whips, they boost your damage, I don't like it." {{sic}} * "Why don't I attack? Ah that's a nice question, I don't think it's necessary." {{sic}} * "My hp is limited to this world, but i would prob get 22^22^22^22 times this" {{sic}} * "Eternity doesn't last that long when you are old enough. " {{sic}} * "MonsterMadHouse scares me." * "Sunflowers are cool, not for your health tho" {{sic}} * "Turip ip ip ip" * "Are you approaching me? Can't but my stuff if you don't get closer " {{sic}} * "There is a pipe bomb inside your walls" {{sic}} * "A lot of things explode for no reason" {{sic}} * "Megalovania isn't funny" {{sic}} * "I may be in love with the Forbotten one, don't search her up on Google please" {{sic}} * "Did you know that market got inflated prices bc of some sonic books? Don't trust me? Search up Sonic inflation on google to learn more ab it!" {{sic}} * "Pingas" {{sic}} * "Yippe!" {{sic}} * "You know the rules! And you will die. Im not going to rickroll you, that's only 0,00001% chance" {{sic}} {{Collapse bottom}} === Happiness quotes === {{Collapse top}} '''When homeless:''' * "I hate not having a home." '''When neutral:''' * "I am content." '''When far from home:''' * "I am too far from home." '''When in a sparse area:''' * "I love having so much space." '''When overcrowded:''' * "I dislike how crowded I am." * "I hate how crowded I am." '''When near the [[Princess]]:''' * "I like <Name of Princess>." {{collapse bottom}} == Notes == * The Monstrocity's shop is very broken, with recent testing only yielding two items being displayed. ** Additionally, several [[fgm:Eternity Mode|Eternity Mode]] accessories are notably absent from the list. == Trivia == *The Monstrocity's design is based on several drops and enemies from the [[clm:|Calamity Mod]]. **Its head is likely based on [[clm:The Plaguebringer Goliath|The Plaguebringer Goliath]]. **Its fangs are that of [[clm:Polterghast|Polterghast]]. **Its left arm is based on [[clm:The Slime God|The Slime God]]. **Its right arm is potentially based on the [[clm:The Old Duke|The Old Duke]]. ***This is unconfirmed. **Its torso is that of [[clm:The Devourer of Gods|The Devourer of Gods]]. **It wears [[clm:Yharon|Yharon's]] wings. **His left and right legs are likely based on the [[clm:Acid Rain|Acid Rain]] event and the [[clm:Ravager|Ravager]], respectively. *The name "Weirdgeddon" is likely a reference to Gravity Falls' "Weirdmageddon". *The names "Zeycir" and "Yyret", are flipped spellings of "Ricyez", the creator of the mod, and "Terry", one of the lead developers of the [[fgm:|Fargo's Mods]]. *The name "Wargofilwta" is a comedic rearrangement of "Fargowilta", one of the lead developers of the [[fgm:|Fargo's Mods]]. **The name has an additional "w", though this is likely intentional. *Several of the Monstrocity's names are references to creepypastas/internet horror. *The quote "Pingas" is a reference to Dr. Robotnik in Adventures of Sonic the Hedgehog, where his quote "Snooping as usual, I see?" was trimmed to simply "Pingas", which pervaded early YouTube. *The quote about "Sonic Inflation" is based on an internet meme that encourages users to look up mature content by masquerading the topic as an innocent factoid. **It is very much '''NOT''' encouraged to look this up. *Ricyez has confirmed that Monstrocity's pronouns are La/ruga, which is based on a Calamity fan theory about a Godseeker Mode [[tgc:Bosses#Event Bosses|mini boss]] that rarely spawns in the fourth layer of the [[clm:Abyss|Abyss]]. *The NPC was coded by "smh my head", one of the Fargo's Mods sever moderators. *The original sprite sheet came from "Vades Op Sword Mod", which was a meme mod in 1.3. <!-- {{Bestiary}} --!> == History == To be announced. <!-- {{Satanist Mode Content | show-main = yes | show-npcs = yes }} --!> da3fdd15cb2157dc8975e43899cda9a89b9a5587 0 8 459 15 2025-07-21T06:19:18Z Squeaker 434557 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2"> * {{MP link|Steam Page|image=Steam.svg|link=https://steamcommunity.com/sharedfiles/filedetails/?id=3139796298}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> fc516096cdc57c807d2cbd918e07d84270f43c32 0 381 460 2025-07-21T06:19:53Z Squeaker 434557 Created page with "??" wikitext text/x-wiki ?? 16c8f8ac7b57bd5b58b41327228e3fa21201db68 6 382 461 2025-07-21T06:24:11Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 5 462 9 2025-07-21T06:24:40Z Squeaker 434557 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Satanist Mode|image=Satanist Mode.png|size=92px}} * {{MP link|Random page|link=Special:Random}} * {{MP link|NPCs|link=Category:NPCs|image=Monstrocity.png|size=92px}} * {{MP link|Debuffs|link=Category:Debuffs|image=Buff - DebuffTemplate.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 66fd317c2c0508279ee5450418e0708232ad5fd1 465 462 2025-07-21T06:31:36Z Squeaker 434557 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Satanist Mode|image=Satanist Mode.png|size=92px}} * {{MP link|Random page|link=Special:Random}} * {{MP link|NPCs|link=Category:NPC NPCs|image=Monstrocity.png|size=92px}} * {{MP link|Debuffs|link=Category:Debuffs|image=Buff - DebuffTemplate.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 1783dd3a069e46cf8fd1d841ea0f6706c8fbab38 14 383 464 2025-07-21T06:30:22Z Squeaker 434557 Created blank page wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 384 466 2025-07-21T08:14:10Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 385 467 2025-07-21T08:14:22Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 386 468 2025-07-21T09:09:56Z Squeaker 434557 Created page with "{{npc infobox | imagealt = [[File:NPC - {{BASEPAGENAME}}.gif]] | type = NPC | ai = Passive | life = 250 | defense = 15 | knockback = 50 | damage = 0 | image2 = Map Icon {{BASEPAGENAME}}.png | image2caption = Map Icon }} The '''{{BASEPAGENAME}}''' is an [[tgc:NPC|NPC]] vendor that will spawn once the following conditions have been met: * There is an empty house. * The [[fgm:Eye of Cthulhu (Eternity Mode)|Eye of Cthulhu]] has been defeated. The {{BASEPAGENAME}} does not..." wikitext text/x-wiki {{npc infobox | imagealt = [[File:NPC - {{BASEPAGENAME}}.gif]] | type = NPC | ai = Passive | life = 250 | defense = 15 | knockback = 50 | damage = 0 | image2 = Map Icon {{BASEPAGENAME}}.png | image2caption = Map Icon }} The '''{{BASEPAGENAME}}''' is an [[tgc:NPC|NPC]] vendor that will spawn once the following conditions have been met: * There is an empty house. * The [[fgm:Eye of Cthulhu (Eternity Mode)|Eye of Cthulhu]] has been defeated. The {{BASEPAGENAME}} does not deal any damage, and, therefore, cannot defend himself. == Items sold == {{Collapse top}} {{inventory |Bug Net|{{sc|25}}|After defeating [[fgm:King Slime|King Slime]]. |Bunny|{{sc|25}}|After defeating [[fgm:King Slime|King Slime]]. |Squirrel|{{sc|25}}|After defeating [[fgm:King Slime|King Slime]]. |Red Squirrel|{{sc|25}}|After defeating [[fgm:King Slime|King Slime]]. |Goldfish|{{value|0|0|37|50}}|After defeating [[fgm:King Slime|King Slime]]. |Worm|{{gc|20}}|After defeating [[fgm:Eater of Worlds|Eater of Worlds]]. |Bird|{{gc|20}}|After defeating [[fgm:Eater of Worlds|Eater of Worlds]]. |Blue Jay|{{value|0|0|37|50}}|After defeating [[fgm:Eater of Worlds|Eater of Worlds]]. |Cardinal|{{value|0|0|37|50}}|After defeating [[fgm:Eater of Worlds|Eater of Worlds]]. |Penguin|{{value|0|0|62|50}}|After defeating [[fgm:Eater of Worlds|Eater of Worlds]]. |Frog|{{sc|50}}|After defeating [[fgm:Queen Bee|Queen Bee]]. |Duck|{{value|0|0|37|50}}|After defeating [[fgm:Queen Bee|Queen Bee]]. |Mallard Duck|{{value|0|0|37|50}}|After defeating [[fgm:Queen Bee|Queen Bee]]. |Grasshopper|{{value|0|0|12|50}}|After defeating [[fgm:Queen Bee|Queen Bee]]. |Enchanted Nightcrawler|{{gc|1}}|After defeating [[fgm:Skeletron|Skeletron]]. |Grubby|{{value|0|0|12|50}}|After defeating [[fgm:Skeletron|Skeletron]]. |Buggy|{{sc|50}}|After defeating [[fgm:Skeletron|Skeletron]]. |Sluggy|{{sc|25}}|After defeating [[fgm:Skeletron|Skeletron]]. |Glowing Snail|{{value|0|2|50}}|After defeating any [[fgm:Mechanical Boss|Mechanical Boss]]. |Snail|{{sc|50}}|After defeating any [[fgm:Mechanical Boss|Mechanical Boss]]. |Lightning Bug|{{sc|25}}|After defeating any [[fgm:Mechanical Boss|Mechanical Boss]]. |Firefly|{{sc|15}}|After defeating any [[fgm:Mechanical Boss|Mechanical Boss]]. |Monarch Butterfly|{{sc|25}}|After defeating [[fgm:Plantera|Plantera]]. |Purple Emperor Butterfly|{{value|0|3|75}}|After defeating [[fgm:Plantera|Plantera]]. |Red Admiral Butterfly|{{gc|2}}|After defeating [[fgm:Plantera|Plantera]]. |Ulysses Butterfly|{{gc|1}}|After defeating [[fgm:Plantera|Plantera]]. |Sulphur Butterfly|{{sc|50}}|After defeating [[fgm:Plantera|Plantera]]. |Tree Nymph Butterfly|{{gc|5}}|After defeating [[fgm:Plantera|Plantera]]. |Zebra Swallowtail Butterfly|{{sc|75}}|After defeating [[fgm:Plantera|Plantera]]. |Julia Butterfly|{{value|0|1|50}}|After defeating [[fgm:Plantera|Plantera]]. |Golden Bug Net|{{gc|25}}|After defeating [[fgm:Golem|Golem]]. |Black Scorpion|{{sc|75}}|After defeating [[fgm:Golem|Golem]]. |Scorpion|{{sc|75}}|After defeating [[fgm:Golem|Golem]]. |Mouse|{{sc|50}}|After defeating [[fgm:Golem|Golem]]. }} {{Collapse bottom}} == Living preferences == {{Living preferences |loves biome = {{item|image=Bestiary The Jungle.png|Jungle}} |likes biome = |dislikes biome = |hates biome = {{item|image=Bestiary Snow.png|Snow}} |likes npc = {{item|image=Princess.png|Princess}} }} == Names == The {{BASEPAGENAME}} can have the following names: * Marlon * Edward * Ellis * Jeff * Jimmy * Timmy * Milo * Brian * Walter == Quotes == === Chat Quotes === {{Collapse top}} * "Hello There! Are you lookig for critters? I got plenty to sell" {{sic}} * "You would not believe my prices!" * "You dont happen to know the famous rat chef do you?" {{sic}} * "If your not interested in buying anything then bug off!" {{sic}} * "We got worms, bunnies, squirrels. You name it!" {{sic}} '''When the [[tgc:Wizard|Wizard]] is present: * "Yes, <Name of Wizard> is a wizard, but he cant pull a bunny from a hat..." {{sic}} '''When the [[tgc:Angler|Angler]] is present: * "Keep <Name of Angler> away from me. Hes using my worms as bait!" {{sic}} '''When the [[tgc:Guide|Guide]] is present: * "You cant buy critters from <Name of Guide>, but you can from me!" {{sic}} {{Collapse bottom}} === Happiness quotes === {{Collapse top}} '''When homeless:''' * "I hate not having a home." '''When neutral:''' * "I am content." '''When far from home:''' * "I am too far from home." '''When in a sparse area:''' * "I love having so much space." '''When overcrowded:''' * "I dislike how crowded I am." * "I hate how crowded I am." '''When near the [[Princess]]:''' * "I like <Name of Princess>." {{collapse bottom}} == Notes == * The {{BASEPAGENAME}} cannot sell the [[Worm]], [[Bird]], [[Blue Jay]], [[Cardinal]], or [[Penguin]] if the [[fgm:Brain of Cthulhu (Eternity Mode)|Brain of Cthulhu]] has been defeated instead of the [[fgm:Eater of Worlds (Eternity Mode)|Eater of Worlds]]. * While the {{BASEPAGENAME}} has a Bestiary entry, it is not reflective of his biome preferences, nor does it have a viable description. ** The description reads: "Mods.EndlessEscapade.Bestiary.Sailor". == Trivia == * The {{BASEPAGENAME}} originally came from the "Endless Escapade" mod, where the NPC was named "Sailor". ** In comparison to the {{BASEPAGENAME}}, the Sailor has a fully fleshed out role, along with a unique gimmick. * The {{BASEPAGENAME}} has been stated to be NPC filler, according to Ricyez. <!-- {{Bestiary}} --!> == History == To be announced. <!-- {{Satanist Mode Content | show-main = yes | show-npcs = yes }} --!> 7d3ecf57e1810a467e3d5ecd9ee78cf27b991a0b 0 387 469 2025-07-21T09:10:49Z Squeaker 434557 Redirected page to [[tgc:Bug Net]] wikitext text/x-wiki #REDIRECT [[tgc:Bug Net]] 2a899c94494c84c1ec473d5347f9fa7b691cf5a4 0 388 470 2025-07-21T09:10:57Z Squeaker 434557 Redirected page to [[tgc:Bunny]] wikitext text/x-wiki #REDIRECT [[tgc:Bunny]] 435cc897214684aaeecde3e3890e548e13913c61 0 389 471 2025-07-21T09:11:05Z Squeaker 434557 Redirected page to [[tgc:Squirrel]] wikitext text/x-wiki #REDIRECT [[tgc:Squirrel]] 5c5fd5cbe967838c1362704ad230ba26c503f5bd 0 390 472 2025-07-21T09:11:14Z Squeaker 434557 Redirected page to [[tgc:Red Squirrel]] wikitext text/x-wiki #REDIRECT [[tgc:Red Squirrel]] 1c1868b288a5cd4c9ec2ba1425d22d646f393f8e 0 391 473 2025-07-21T09:11:25Z Squeaker 434557 Redirected page to [[tgc:Goldfish]] wikitext text/x-wiki #REDIRECT [[tgc:Goldfish]] e94458442835af41c8357b9621b39be2246f5ddd 0 392 474 2025-07-21T09:11:39Z Squeaker 434557 Redirected page to [[tgc:Worm]] wikitext text/x-wiki #REDIRECT [[tgc:Worm]] 193d93c17911d05fdb2e929f68d044b5abe9e418 0 393 475 2025-07-21T09:11:47Z Squeaker 434557 Redirected page to [[tgc:Bird]] wikitext text/x-wiki #REDIRECT [[tgc:Bird]] 2eaa7bb81030330055d87e29f674d64dd93bdd6d 0 394 476 2025-07-21T09:11:55Z Squeaker 434557 Redirected page to [[tgc:Blue Jay]] wikitext text/x-wiki #REDIRECT [[tgc:Blue Jay]] b73d3d2c7d873f265879d5fc90e3ececd15e80bd 0 395 477 2025-07-21T09:12:05Z Squeaker 434557 Redirected page to [[tgc:Cardinal]] wikitext text/x-wiki #REDIRECT [[tgc:Cardinal]] 30b263a28a0f6d0daddbf116fd6728f745998503 0 396 478 2025-07-21T09:12:11Z Squeaker 434557 Redirected page to [[tgc:Penguin]] wikitext text/x-wiki #REDIRECT [[tgc:Penguin]] cce66aa15dd2f310fa0b0370ccc532da23b2f04c 0 397 479 2025-07-21T09:12:21Z Squeaker 434557 Redirected page to [[tgc:Frog]] wikitext text/x-wiki #REDIRECT [[tgc:Frog]] c6b9d7d24f97c5f217f17ea35eef46471bb4983f 0 398 480 2025-07-21T09:12:29Z Squeaker 434557 Redirected page to [[tgc:Duck]] wikitext text/x-wiki #REDIRECT [[tgc:Duck]] 01a533bcd077034cb68f4047bbd4831f32c09690 0 399 481 2025-07-21T09:12:39Z Squeaker 434557 Redirected page to [[tgc:Mallard Duck]] wikitext text/x-wiki #REDIRECT [[tgc:Mallard Duck]] 3139924c03af98cf56d1daf3bfe3b9af619a9e9e 0 400 482 2025-07-21T09:12:46Z Squeaker 434557 Redirected page to [[tgc:Grasshopper]] wikitext text/x-wiki #REDIRECT [[tgc:Grasshopper]] 7bf85579077844bc52a430a9174fd0b4ee29e9e4 0 401 483 2025-07-21T09:13:10Z Squeaker 434557 Redirected page to [[tgc:Enchanted Nightcrawler]] wikitext text/x-wiki #REDIRECT [[tgc:Enchanted Nightcrawler]] d925955b42aca0feafcc2612be70d86fa86fecd8 0 402 484 2025-07-21T09:13:18Z Squeaker 434557 Redirected page to [[tgc:Grubby]] wikitext text/x-wiki #REDIRECT [[tgc:Grubby]] 107e1320ef46c932df5adc6378a744393eb1a4a1 0 403 485 2025-07-21T09:13:26Z Squeaker 434557 Redirected page to [[tgc:Buggy]] wikitext text/x-wiki #REDIRECT [[tgc:Buggy]] 5d89e9263889c8833afd84d4458710afc27f0d69 0 404 486 2025-07-21T09:13:42Z Squeaker 434557 Redirected page to [[tgc:Sluggy]] wikitext text/x-wiki #REDIRECT [[tgc:Sluggy]] 52cb104b4d8b3949dd12c93b86ace6325d90cf11 0 405 487 2025-07-21T09:13:52Z Squeaker 434557 Redirected page to [[tgc:Glowing Snail]] wikitext text/x-wiki #REDIRECT [[tgc:Glowing Snail]] 7e607769dfe0f6b80932310864a594f9e4ac8cdf 0 406 488 2025-07-21T09:13:59Z Squeaker 434557 Redirected page to [[tgc:Snail]] wikitext text/x-wiki #REDIRECT [[tgc:Snail]] 8e859a96f2bd643488fef010ae94c80e1bc07baf 0 407 489 2025-07-21T09:14:09Z Squeaker 434557 Redirected page to [[tgc:Lightning Bug]] wikitext text/x-wiki #REDIRECT [[tgc:Lightning Bug]] bb47ef5d3a16636eb6805220d1959758428e8299 0 408 490 2025-07-21T09:14:17Z Squeaker 434557 Redirected page to [[tgc:Firefly]] wikitext text/x-wiki #REDIRECT [[tgc:Firefly]] 3fa47d4d6e9d8176944c9d200b3b6616483835b9 0 409 491 2025-07-21T09:14:31Z Squeaker 434557 Redirected page to [[tgc:Monarch Butterfly]] wikitext text/x-wiki #REDIRECT [[tgc:Monarch Butterfly]] ecadc3ac30176df42b450b4167da6abdfd58030d 0 410 492 2025-07-21T09:14:41Z Squeaker 434557 Redirected page to [[tgc:Purple Emperor Butterfly]] wikitext text/x-wiki #REDIRECT [[tgc:Purple Emperor Butterfly]] 36510bbc5eaea6f479ee0618afee55e44e9d5760 0 411 493 2025-07-21T09:14:51Z Squeaker 434557 Redirected page to [[tgc:Red Admiral Butterfly]] wikitext text/x-wiki #REDIRECT [[tgc:Red Admiral Butterfly]] 48581b1c5f8a17d995c491a31affddc65e1185b7 0 412 494 2025-07-21T09:15:02Z Squeaker 434557 Redirected page to [[tgc:Ulysses Butterfly]] wikitext text/x-wiki #REDIRECT [[tgc:Ulysses Butterfly]] df0786c76e9e5606761ea00e0d2cdd8a78f9957d 0 413 495 2025-07-21T09:15:12Z Squeaker 434557 Redirected page to [[tgc:Sulphur Butterfly]] wikitext text/x-wiki #REDIRECT [[tgc:Sulphur Butterfly]] 11a5891f36ff7f556faea0f86cab5bdb604aaad1 0 414 496 2025-07-21T09:15:25Z Squeaker 434557 Redirected page to [[tgc:Tree Nymph Butterfly]] wikitext text/x-wiki #REDIRECT [[tgc:Tree Nymph Butterfly]] 9df3f0c0903b501262af632da40ae3c18f832ac9 0 415 497 2025-07-21T09:15:35Z Squeaker 434557 Redirected page to [[tgc:Zebra Swallowtail Butterfly]] wikitext text/x-wiki #REDIRECT [[tgc:Zebra Swallowtail Butterfly]] 5ec45a0ad7fd00cd00862c0cde7eb30923331756 0 416 498 2025-07-21T09:15:43Z Squeaker 434557 Redirected page to [[tgc:Julia Butterfly]] wikitext text/x-wiki #REDIRECT [[tgc:Julia Butterfly]] 7a4538a5d03cfde956f1fada324bce0fb213e888 0 417 499 2025-07-21T09:15:51Z Squeaker 434557 Redirected page to [[tgc:Golden Bug Net]] wikitext text/x-wiki #REDIRECT [[tgc:Golden Bug Net]] b635262679ccdbde637e359d32bbd7255128c479 0 418 500 2025-07-21T09:16:01Z Squeaker 434557 Redirected page to [[tgc:Black Scorpion]] wikitext text/x-wiki #REDIRECT [[tgc:Black Scorpion]] efea0e6b32420b6836976d4f1cd8c34fca7219d9 0 419 501 2025-07-21T09:16:08Z Squeaker 434557 Redirected page to [[tgc:Scorpion]] wikitext text/x-wiki #REDIRECT [[tgc:Scorpion]] 0c79ec66b64a89950d14b6129849fa2877dcc70c 0 420 502 2025-07-21T09:16:15Z Squeaker 434557 Redirected page to [[tgc:Mouse]] wikitext text/x-wiki #REDIRECT [[tgc:Mouse]] 6e1e0bf5401d081dec9502768f9b5db4592d15c2 0 421 503 2025-07-21T09:16:22Z Squeaker 434557 Redirected page to [[tgc:Jungle]] wikitext text/x-wiki #REDIRECT [[tgc:Jungle]] b32a9ac3815b6d18cd093283bea78fd6a9c9a9dc 0 422 504 2025-07-21T09:16:32Z Squeaker 434557 Redirected page to [[tgc:Tundra]] wikitext text/x-wiki #REDIRECT [[tgc:Tundra]] 6f8dbbfd429ad99f2ce76ec7cb71de932603397a 0 423 505 2025-07-21T09:16:44Z Squeaker 434557 Redirected page to [[tgc:Princess]] wikitext text/x-wiki #REDIRECT [[tgc:Princess]] e080a29f0d419c92c69a26c9d2c83b6923426749 0 374 506 449 2025-07-21T09:20:08Z Squeaker 434557 Squeaker renamed page [[GodEaterEx]] to [[God Eater Ex]] without leaving a redirect wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | tooltip = If there is something beyond a god,he is probably mad at you to throw that many things at once.. | effects = Drastically reduces the player's damage and movement speed and disables critical hits. }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]] exclusive [[Debuff|debuff]] that drastically reduces the player's damage and movement speed, applies severe health degeneration, and disables critical hits. == Causes == Running away from Deviantt (Boss) == Trivia == *Can only be inflicted by Deviantt (Boss) fe50a3d6a3966773d5de201f47185684376dc2dc 508 506 2025-07-21T09:32:15Z Squeaker 434557 wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | tooltip = If there is something beyond a god,</br>he is probably mad at you to throw that many stuff at the same time. | effects = Reduces the player's damage by 75%, movement speed by 90%, and sets critical strike chance to 0%. }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]] exclusive [[Debuff|debuff]] that drastically reduces the player's damage and movement speed, applies severe health degeneration, and disables critical hits. == Causes == {| class="terraria sortable" ! colspan=2 | From ! Duration |- |{{item|mode=table|wrap=y|image=Deviantt (boss).gif|fgm:Deviantt (boss)|Deviantt (boss)}} | 3 seconds |} == Trivia == *{{BASEPAGENAME}} is a jab at the idea of appending "EX" to the end of any boss, such as [[fgm:Duke Fishron EX|Duke Fishron EX]]. 8d0c0bdc863482c5781e8b5fedc39cf6451ab196 6 424 507 2025-07-21T09:32:09Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 372 509 447 2025-07-21T09:38:41Z Squeaker 434557 wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - DebuffTemplate.png | tooltip = You're a shame. | effects = -100% damage }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player's damage by 100%. The debuff can be acquired during the [[fgm:Deviantt (boss)|Deviantt]] boss fight during her [[File:Heart.png|link=]] True Heart attack. == Causes == {| class="terraria sortable" ! colspan=2 | From ! Duration |- |{{item|mode=table|wrap=y|image=Deviantt (boss).gif|fgm:Deviantt (boss)|Deviantt (boss)}} | 6 seconds |} == Trivia == *The debuff does not save on logout, nor can it be used in PvP. 7e53e504d271c4f52b69e89af7c60f20a990090d 10 425 510 2025-07-21T09:45:53Z Squeaker 434557 Created page with "<div style="clear: {{{clear|right}}}; margin-bottom: .5em; float: right; padding: .5em 0 .8em 1.4em; background: transparent; max-width: 20em;">__TOC__</div><noinclude>{{doc}}</noinclude>" wikitext text/x-wiki <div style="clear: {{{clear|right}}}; margin-bottom: .5em; float: right; padding: .5em 0 .8em 1.4em; background: transparent; max-width: 20em;">__TOC__</div><noinclude>{{doc}}</noinclude> f8981e760e30b9c3c4be724892e9ea0cb868f699 0 381 511 460 2025-07-21T09:55:52Z Squeaker 434557 wikitext text/x-wiki {{tocright}} '''{{BASEPAGENAME}}''' is a Terraria mod that adds an additional difficulty to Fargo's Souls Mod. The most defining feature of the mod is its incredibly tough and unfair nature, adding several changes to [[tgc:Enemies|enemies]], the environment, and [[Bosses|bosses]], as well as adding many new [[Debuffs|debuffs]] to make the player experience more pain. Unlike [[fgm:Eternity Mode|Eternity Mode]], {{BASEPAGENAME}} does not add additional quality of life, only adding a couple of new items and one new armor set. == General Changes == {{BASEPAGENAME}} adds several new world generation features, such as spikes like those from "I Wanna Be The Guy", clusters of [[tgc:Tin Brick|Tin Bricks]], as well as [[tgc:Rainbow Brick|Rainbow Bricks]]. Additionally, the apples from "I Wanna Be The Guy" constantly fall while the player moves around, dealing significant damage. == Enemy Changes == {{BASEPAGENAME}} makes changes to many enemies that can be found commonly, such as [[tgc:Green Slime|Green Slimes]]; these changes increase the strength and speed of the enemies drastically, making it much more challenging to deal with exploration. == Boss Changes == {{BASEPAGENAME}} compounds changes onto [[fgm:Eternity Mode|Eternity Mode]] bosses, making bosses far more challenging. For example, the [[fgm:Eye of Cthulhu (Eternity Mode)|Eye of Cthulhu]] shoots lasers on top of scythes in a bullet-hell frenzy. == Debuffs == {{BASEPAGENAME}} adds several debuffs to the game, ranging from more enemy inflicted debuffs to environmental debuffs like [[Heartache]]. 6d55d1a6ac76d532f7d97f97b150a9ad9c27f48c 512 511 2025-07-21T10:04:41Z Squeaker 434557 wikitext text/x-wiki {{tocright}} '''{{BASEPAGENAME}}''' is a Terraria mod that adds an additional difficulty to Fargo's Souls Mod. The most defining feature of the mod is its incredibly tough and unfair nature, adding several changes to [[tgc:Enemies|enemies]], the environment, and [[Bosses|bosses]], as well as adding many new [[Debuffs|debuffs]] to make the player experience more pain. Unlike [[fgm:Eternity Mode|Eternity Mode]], {{BASEPAGENAME}} does not add additional quality of life, only adding a couple of new items. == General Changes == {{BASEPAGENAME}} adds several new world generation features, such as spikes like those from "I Wanna Be The Guy", clusters of [[tgc:Tin Brick|Tin Bricks]], as well as [[tgc:Rainbow Brick|Rainbow Bricks]]. Additionally, the apples from "I Wanna Be The Guy" constantly fall while the player moves around, dealing significant damage. == Enemy Changes == {{BASEPAGENAME}} makes changes to many enemies that can be found commonly, such as [[tgc:Green Slime|Green Slimes]]; these changes increase the strength and speed of the enemies drastically, making it much more challenging to deal with exploration. == Boss Changes == {{BASEPAGENAME}} compounds changes onto [[fgm:Eternity Mode|Eternity Mode]] bosses, making bosses far more challenging. For example, the [[fgm:Eye of Cthulhu (Eternity Mode)|Eye of Cthulhu]] shoots lasers on top of scythes in a bullet-hell frenzy. == Debuffs == {{BASEPAGENAME}} adds several debuffs to the game, ranging from more enemy inflicted debuffs to environmental debuffs like [[Heartache]]. 2670e5ebddb11219861b6a6afb0e0c8ce3935852 10 426 513 2025-07-21T10:05:44Z Squeaker 434557 Created page with "<includeonly>{{#vardefine:len|{{#invoke:String|len|{{{1}}}}}}}<!-- --><span style="cursor:pointer"><!-- -->{{#iferror:{{#expr:{{#invoke:String|sub|{{{1}}}|1|1}}^2}}||[[File:stack digit {{#invoke:String|sub|{{{1}}}|1|1}}.png|link=|{{{size|}}}]]}}<!-- //^2 in expr prevents whitespace from passing true -->{{#iferror:{{#expr:{{#invoke:String|sub|{{{1}}}|2|2}}^2}}||{{#ifexpr:{{#var:len}}>1|[[File:stack digit {{#invoke:String|sub|{{{1}}}|2|2}}.png|link=|{{{size|}}}]]}}}}<!-- -..." wikitext text/x-wiki <includeonly>{{#vardefine:len|{{#invoke:String|len|{{{1}}}}}}}<!-- --><span style="cursor:pointer"><!-- -->{{#iferror:{{#expr:{{#invoke:String|sub|{{{1}}}|1|1}}^2}}||[[File:stack digit {{#invoke:String|sub|{{{1}}}|1|1}}.png|link=|{{{size|}}}]]}}<!-- //^2 in expr prevents whitespace from passing true -->{{#iferror:{{#expr:{{#invoke:String|sub|{{{1}}}|2|2}}^2}}||{{#ifexpr:{{#var:len}}>1|[[File:stack digit {{#invoke:String|sub|{{{1}}}|2|2}}.png|link=|{{{size|}}}]]}}}}<!-- -->{{#iferror:{{#expr:{{#invoke:String|sub|{{{1}}}|3|3}}^2}}||{{#ifexpr:{{#var:len}}>2|[[File:stack digit {{#invoke:String|sub|{{{1}}}|3|3}}.png|link=|{{{size|}}}]]}}}}<!-- -->{{#iferror:{{#expr:{{#invoke:String|sub|{{{1}}}|4|4}}^2}}||{{#ifexpr:{{#var:len}}>3|[[File:stack digit {{#invoke:String|sub|{{{1}}}|4|4}}.png|link=|{{{size|}}}]]}}}}<!-- --></span></includeonly><noinclude>{{doc}}</noinclude> bb6df5ba29c62d0e6199e5372234482064eba09e 10 427 514 2025-07-21T10:06:04Z Squeaker 434557 Created page with "<table class="infobox" style="font-size:89%; width:{{{boxwidth|21em}}}; -moz-border-radius: .7em; -webkit-border-radius: .7em;"><!-- --><tr><th colspan="3" style="background-color: #3e393d; color: #ffffff; padding:0em;">{{{title|Dropped by}}}</th></tr><!-- -->{{#if:{{{1|}}}|<tr><!-- --><th style="width:45%;background-color: #3e393d; color: #ffffff;">'''Entity'''</th><!-- --><th style="width:25%;background-color: #3e393d; color: #ffffff;">'''Quantity'''</th><!-- -..." wikitext text/x-wiki <table class="infobox" style="font-size:89%; width:{{{boxwidth|21em}}}; -moz-border-radius: .7em; -webkit-border-radius: .7em;"><!-- --><tr><th colspan="3" style="background-color: #3e393d; color: #ffffff; padding:0em;">{{{title|Dropped by}}}</th></tr><!-- -->{{#if:{{{1|}}}|<tr><!-- --><th style="width:45%;background-color: #3e393d; color: #ffffff;">'''Entity'''</th><!-- --><th style="width:25%;background-color: #3e393d; color: #ffffff;">'''Quantity'''</th><!-- --><th style="width:30%;background-color: #3e393d; color: #ffffff;">'''Rate'''</th><!-- --></tr>}}<!-- -->{{#fornumargs:i|v|<!-- -->{{#switch:{{#expr:{{#var:i}} mod 3}}<!-- -->|1=<tr class="bottomline"><td>{{#var:v}}</td><!-- -->|2=<td style="vertical-align:middle; text-align:center">{{#var:v}}</td><!-- -->|0=<td style="vertical-align:middle; text-align:right">{{#var:v}}</td></tr><!-- -->}}<!-- -->}}<!-- --></table><noinclude>{{doc}}</noinclude> 49f1f76c10b78a879552f64fcd3064cea7b9e6cb 10 428 515 2025-07-21T10:15:21Z Squeaker 434557 Created page with "<includeonly><!-- //prepare image file info -->{{#if:{{#pos:{{{1|}}}|.}}|<!-- -->{{image/info|{{{1|}}}|{{{force|}}}}}<!-- for "filename.ext" will do exist check. directly.(expensive) -->|<!-- // for "filename" will check "filename.gif" and "filename.png" (expensive*2) -->{{image/info|{{{1|}}}.gif|{{{force|}}}}}<!-- -->{{#if:{{#dplvar:_image_exist}}||<!-- -->{{image/info|{{{1|}}}.png|{{{force|}}}}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{#dplvar:_image_exist}}|<!--..." wikitext text/x-wiki <includeonly><!-- //prepare image file info -->{{#if:{{#pos:{{{1|}}}|.}}|<!-- -->{{image/info|{{{1|}}}|{{{force|}}}}}<!-- for "filename.ext" will do exist check. directly.(expensive) -->|<!-- // for "filename" will check "filename.gif" and "filename.png" (expensive*2) -->{{image/info|{{{1|}}}.gif|{{{force|}}}}}<!-- -->{{#if:{{#dplvar:_image_exist}}||<!-- -->{{image/info|{{{1|}}}.png|{{{force|}}}}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{#dplvar:_image_exist}}|<!-- -->{{#vardefine:_size_argument|}}<!-- cache //process all input argument -->{{#vardefine:_outputstr|<!-- string with all parameters of the "[[File:]]" call. fill it in the following loop -->{{#forargs:|_k|_v|<!-- loop through all parameters -->{{#iferror:{{#expr:1+{{#var:_k}}}}|<!-- check: is the parameter a named parameter? //parameter is a named parameter -->{{#switch:{{#var:_k}}<!-- check for certain parameters -->|maxsize|scale|size=<!-- size options. skip, will process later. -->|#default={{!}}{{#var:_k}}={{#var:_v}}<!-- other custom parameter. add "|<name of the parameter>=<value of the parameter>" to outputstring -->}}<!-- -->|<!-- //parameter is an unnamed parameter -->{{#switch:{{#var:_k}}<!-- -->|1=<!-- if parameter is the first unnamed parameter, then skip (is the image name info; already taken care of) -->|#default=<!-- other unnamed parameters -->{{#ifeq:{{#sub:{{#var:_v}}|-2}}|px|<!-- is the parameter the size option? -->{{#vardefine:_size_argument|{{#var:_v}}}}<!-- -->|<!-- parameter is not the size option, but another (e.g. alt text or "thumb/frame/etc.") -->{{!}}{{#var:_v}}<!-- add "|<value of the parameter>" to outputstring -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- //size: -->{{#if:{{{maxsize|}}}{{{scale|}}}{{{size|}}}{{#var:_size_argument|}}|<!-- -->{{#vardefine:_outputstr|<!-- -->{{!}}<!-- -->{{image/size|{{{size|{{#var:_size_argument|}}}}}|{{{scale|1}}}|{{{maxsize|}}}}}<!-- -->{{#var:_outputstr}}<!-- concatenate size parameters with other parameters -->}}<!-- -->}}<!-- //final output: -->[[File:{{#dplvar:_image_name}}{{#var:_outputstr}}]]<!-- -->}}<!-- --></includeonly><noinclude><!-- -->{{#cargo_declare:_table=Imageinfo |image=String (size=200;mandatory) |width=Integer |height=Integer |cached=Integer }}<!-- -->{{doc}}</noinclude> ba3dad9e462ef6452091810e099472eec2550ca7 6 429 516 2025-07-21T10:19:29Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 10 430 517 2025-07-21T10:21:56Z Squeaker 434557 Created page with "<includeonly><!-- -->{{#if:{{{sort|}}}|data-sort-value={{{1}}}{{!}}}}<!-- // cat/cate/category is not blank OR {{{2}}}=cat/cate/category -->{{#vardefine:_category|{{#if:{{{cat|}}}{{{cate|}}}{{{category|}}}{{#switch:{{{2|}}}|cat|cate|category=y}}|y|}}}}<!-- -->{{#vardefine:_rarity|{{trim|{{{1|}}}}}}}<!-- -->{{#switch:{{{1}}}<!-- -->|-1 = <!-- -->[[File:Rarity color negative.png|Rarity level: -1|link={{#if:{{#var:_category}}|Category:Items of rarity -1|Rarity}}]]<!-..." wikitext text/x-wiki <includeonly><!-- -->{{#if:{{{sort|}}}|data-sort-value={{{1}}}{{!}}}}<!-- // cat/cate/category is not blank OR {{{2}}}=cat/cate/category -->{{#vardefine:_category|{{#if:{{{cat|}}}{{{cate|}}}{{{category|}}}{{#switch:{{{2|}}}|cat|cate|category=y}}|y|}}}}<!-- -->{{#vardefine:_rarity|{{trim|{{{1|}}}}}}}<!-- -->{{#switch:{{{1}}}<!-- -->|-1 = <!-- -->[[File:Rarity color negative.png|Rarity level: -1|link={{#if:{{#var:_category}}|Category:Items of rarity -1|Rarity}}]]<!-- -->{{#if:{{#var:_category}}|[[Category:Items of rarity -1]]}}<!-- -->|0|1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17 = <!-- -->[[File:Rarity color {{#var:_rarity}}.png|Rarity Level: {{#var:_rarity}}|link={{#if:{{#var:_category}}|Category:Items of rarity {{#var:_rarity}}|Rarity}}]]<!-- -->{{#if:{{#var:_category}}|{{#ifeq:{{NAMESPACE}}|{{ns:0}}|[[Category:Items of rarity {{#var:_rarity}}]]}}}}<!-- -->|-13|m|master = <!-- -->[[File:Rarity color fiery red.gif|Rarity Level: Fiery red|link={{#if:{{#var:_category}}|Category:Items of rarity Fiery Red|Rarity}}]]<!-- -->{{#if:{{#var:_category}}|{{#ifeq:{{NAMESPACE}}|{{ns:0}}|[[Category:Items of rarity Fiery Red]]}}}}<!-- -->|-12|20|rainbow = <!-- -->[[File:Rarity color rainbow.gif|Rarity Level: rainbow|link={{#if:{{#var:_category}}|Category:Items of rarity Rainbow|Rarity}}]]<!-- -->{{#if:{{#var:_category}}|{{#ifeq:{{NAMESPACE}}|{{ns:0}}|[[Category:Items of rarity Rainbow]]}}}}<!-- -->|-11|q|quest = <!-- -->[[File:Rarity color quest.png|Rarity level: Quest|link={{#if:{{#var:_category}}|Category:Items of quest rarity|Rarity}}]]<!-- -->{{#if:{{#var:_category}}|{{#ifeq:{{NAMESPACE}}|{{ns:0}}|[[Category:Items of quest rarity]]}}}}<!-- -->|#default = {{{1}}}<!-- -->}}</includeonly><noinclude>{{doc}}</noinclude> 0b04bcecd529e25bc9394529c4f9603d6c47e9be 10 431 518 2025-07-21T10:22:10Z Squeaker 434557 Created page with "<includeonly>{{#if:{{{1|}}}|{{{1}}}|}}</includeonly><noinclude>{{doc}}</noinclude>" wikitext text/x-wiki <includeonly>{{#if:{{{1|}}}|{{{1}}}|}}</includeonly><noinclude>{{doc}}</noinclude> 097996aa983402fe9f3dd64acdd2a06ac78aeffe 10 348 519 409 2025-07-21T10:27:17Z Squeaker 434557 wikitext text/x-wiki <noinclude> {{#cargo_attach: _table = Debuffs }} </noinclude><includeonly><!-- -->{{#dplvar:set<!-- -->|_item_infobox:name|{{{name|{{ROOTPAGENAME}}}}}<!-- -->}}<!-- --><div class="infobox item float-{{{float|right}}}" style="<!-- -->{{#if:{{{boxwidth|}}}|width:{{{boxwidth|}}};}}{{{css|}}};{{{style|}}}<!-- -->"><!-- --><div class="title">{{#dplvar:_item_infobox:name}}{{#if:{{{namesub|}}}|<span>{{{namesub|}}}</span>}}</div><!-- --><div class="section images"><!-- --><ul class="{{#if:{{{imagebreak|}}}|block|inline}}"><!-- //female image check first(used in equipped image) -->{{#dplvar:set|_item_infobox:male_image_postfix|(male)}}<!-- -->{{#dplvar:set|_item_infobox:female_image|<!-- -->{{#if:{{{imagefemale|}}}|<!-- --><li>{{{imagefemale|}}}</li><!-- -->|<!-- -->{{ifexists|File:{{#dplvar:_item_infobox:name}} female.png|<!-- --><li>[[File:{{#dplvar:_item_infobox:name}} female.png|{{#dplvar:_item_infobox:name}} equipped (female)]]</li><!-- -->|<!-- -->{{#dplvar:set|_item_infobox:male_image_postfix|}}<!-- no image for female, so male image doesn't need postfix. -->}}<!-- -->}}<!-- -->}}<!-- //main image --><li>{{{imagealt|[[File:{{{image|{{#dplvar:_item_infobox:name}}.png|{{#dplvar:_item_infobox:name}} {{#ifeq:{{lc:{{{type2|}}}}}|set|equipped {{#dplvar:_item_infobox:male_image_postfix}}|item sprite}}}}}]]}}}</li><!-- //placed image -->{{#if:{{{imageplaced|}}}|<!-- --><li>{{{imageplaced|}}}</li><!-- -->|<!-- -->{{ifexists|File:{{#dplvar:_item_infobox:name}} (placed).gif|<!-- --><li>[[File:{{#dplvar:_item_infobox:name}} (placed).gif|{{#dplvar:_item_infobox:name}} placed graphic]]</li><!-- -->|{{ifexists|File:{{#dplvar:_item_infobox:name}} (placed).png|<!-- elseif --><li>[[File:{{#dplvar:_item_infobox:name}} (placed).png|{{#dplvar:_item_infobox:name}} placed graphic]]</li><!-- -->}}}}<!-- -->}}<!-- //equipped image -->{{#if:{{{imageequipped|}}}|<!-- --><li>{{{imageequipped|}}}</li><!-- -->|<!-- -->{{ifexists|File:{{#dplvar:_item_infobox:name}} (equipped).gif|<!-- --><li>[[File:{{#dplvar:_item_infobox:name}} (equipped).gif|{{#dplvar:_item_infobox:name}} equipped]]</li><!-- -->|{{ifexists|File:{{#dplvar:_item_infobox:name}} (equipped).png|<!-- elseif --><li>[[File:{{#dplvar:_item_infobox:name}} (equipped).png|{{#dplvar:_item_infobox:name}} equipped]]</li><!-- -->|{{ifexists|File:{{#dplvar:_item_infobox:name}} (tank).png|<!-- flamethrower tank images --><li>[[File:{{#dplvar:_item_infobox:name}} (tank).png|{{#dplvar:_item_infobox:name}} tank]]</li><!-- -->}}}}}}<!-- -->}}<!-- //female image -->{{#dplvar:_item_infobox:female_image}}<!-- --></ul><!-- //autoswing -->{{#if:{{{autoswing|}}}|<div class="auto">[[File:Auto icon.png|18px|link=Autoswing|{{item infobox/autotext|{{{autoswing|}}}|{{{type|}}}}}]][[Category:Auto-use items]]</div>}}<!-- //stack -->{{#if:{{{stack|}}}|{{#iferror:{{#expr:{{{stack|}}}>0}}||<div class="stack" title="Max Stack: {{{stack}}}">{{stack|{{{stack}}}}}</div>}}}}<!-- --></div><!-- div.section.images --><div class="section statistics"><!-- -->{{#if:{{{type|}}}{{{rare|}}}{{{research|}}}|<div class="title">Statistics</div>}}<!-- -->{{#ifexpr:{{#dplnum:0{{{hammer|}}}{{{pick|}}}{{{axe|}}}}}>0|<!-- --><ul class="toolpower"><!-- --><li title="Pickaxe Power">[[File:Pickaxe icon.png|16px|link=]] {{{pick|0}}}%</li><!-- --><li title="Hammer Power">[[File:Hammer icon.png|16px|link=]] {{{hammer|0}}}%</li><!-- --><li title="Axe Power">[[File:Axe icon.png|16px|link=]] {{{axe|0}}}%</li><!-- --></ul><!-- -->}}<!-- -->{{#if:{{{pickreq|}}}|<!-- --><ul class="toolpower"><!-- --><li title="Pickaxe power required">[[File:Pickaxe icon.png|16px|link=]] {{{pickreq|}}}%</li><!-- --></ul><!-- -->}}<!-- --><table class="stat"><!-- -->{{#if: {{{type|}}}|<!-- --><tr><!-- --><th>Type</th><!-- --><td><!-- -->{{ifexists|{{{type}}}|[[{{{type|}}}|{{#or:{{{typedisplay|}}}|{{{type|}}}}}]]|{{{type}}}}}<!-- -->{{#if:{{{type2|}}}|&#32;&ndash;&#32;{{ifexists|{{{type2}}}|[[{{{type2|}}}|{{#or:{{{typedisplay2|}}}|{{{type2|}}}}}]]|{{{type2}}}}}}}<!-- -->{{#if:{{{type3|}}}|&#32;&ndash;&#32;{{ifexists|{{{type3}}}|[[{{{type2|}}}|{{#or:{{{typedisplay3|}}}|{{{type3|}}}}}]]|{{{type3}}}}}}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{bait|}}}|<!-- --><tr><!-- --><th>[[Bait]] Power</th><!-- --><td>{{{bait|}}}%</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{fish|}}}|<!-- --><tr><!-- --><th>[[Fishing power]]</th><!-- --><td>{{{fish|}}}%</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{damage|}}}|<!-- --><tr><!-- --><th>Damage</th><!-- --><td><!-- -->{{{damage|}}} <!-- -->{{#dplvar:set|_damagetype|{{item infobox/damagetype|{{{damagetype|}}}|{{{type|}}}}}}}<!-- -->{{#if:{{#dplvar:_damagetype}}|<small>{{#dplvar:_damagetype}}</small>}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{knockback|}}}|<!-- --><tr><!-- --><th>[[Knockback]]</th><!-- --><td>{{#if:{{#dplreplace:{{{knockback|}}}|/^\s*\d+(\.\d+)?\s*$/|}}|{{{knockback|}}}|{{kb|{{{knockback|}}}}}}}<!-- if input is pure number, wrap it with {{kb}}, or leave it as is. --></td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{defense|}}}|<!-- --><tr><!-- --><th>Defense</th><!-- --><td>{{{defense|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{bonus|}}}|<!-- --><tr><!-- --><th>Bonus</th><!-- --><td>{{{bonus|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{setbonus|}}}|<!-- --><tr><!-- --><th>Set Bonus</th><!-- --><td>{{{setbonus|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{placeable|}}}|<!-- --><tr><!-- --><th>[[Placement|Placeable]]</th><!-- --><td>{{#switch:{{lc:{{{placeable|}}}}}|yes={{yes}}|no={{no}}|#default={{{placeable|}}}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{width|}}}{{{height|}}}|<!-- --><tr><!-- --><th>Dimensions</th><!-- --><td>{{#if:{{{width|}}}|{{{width}}} wide}}{{#switch: |{{{width|}}}|{{{height|}}}=|&nbsp;×&nbsp;}}{{#if:{{{height|}}}|{{{height}}} high}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{mana|}}}|<!-- --><tr><!-- --><th>[[Mana]] cost</th><!-- --><td>{{{mana|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{life|}}}|<!-- --><tr><!-- --><th>[[Life]] cost</th><!-- --><td>{{{life|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{mregen|}}}|<!-- --><tr><!-- --><th>[[Mana]] regen</th><!-- --><td>{{{mregen|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{mheal|}}}|<!-- --><tr><!-- --><th>Heals [[Mana]]</th><!-- --><td>{{{mheal|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{lregen|}}}|<!-- --><tr><!-- --><th>Life regen</th><!-- --><td>{{{lregen|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{hheal|}}}|<!-- --><tr><!-- --><th>Heals [[Health]]</th><!-- --><td>{{{hheal|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#ifeq:{{lc:{{{damagetype|}}}}}|summon||{{#if:{{{critical|{{#if:{{{damage|}}}|{{#switch:{{lc:{{{type|}}}}}|weapon|tool=4%}}}}}}}|<!-- --><tr><!-- --><th>[[Critical hit|Critical chance]]</th><!-- --><td>{{{critical|4%}}}</td><!-- --></tr><!-- -->}}}}<!-- -->{{#if:{{{body slot|}}}|<!-- --><tr><!-- --><th>Body slot</th><!-- --><td>{{{body slot|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{use|}}}|<!-- --><tr><!-- --><th>[[Use time]]</th><!-- --><td>{{#if:{{#dplreplace:{{{use|}}}|/^\s*\d+(\.\d+)?\s*$/|}}|{{{use|}}}|{{{use|}}} <small>{{use time|{{{use}}}}}</small>}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{reach|}}}|<!-- --><tr><!-- --><th>Reach (tiles)</th><!-- --><td>{{{reach|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{attduration|}}}|<!-- --><tr><!-- --><th>Attack duration</th><!-- --><td>{{{attduration|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{velocity|}}}|<!-- --><tr><!-- --><th>[[Velocity]]</th><!-- --><td>{{#if:{{{extraupdates|}}}|{{#expr:{{{velocity|}}} * ({{{extraupdates|}}} + 1)}} <small>[[Velocity Multiplier|effective]]</small>|{{{velocity|}}}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{velocitymult|}}}|<!-- --><tr><!-- --><th>[[Velocity Multiplier]]</th><!-- --><td>{{#if:{{#dplreplace:{{{velocitymult|}}}|/^\s*\d+(\.\d+)?\s*$/|}}|{{{velocitymult|}}}|{{{velocitymult|}}}x}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{toolspeed|}}}|<!-- --><tr><!-- --><th>[[Mining speed|Tool speed]]</th><!-- --><td>{{{toolspeed|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{tool|}}}|<!-- --><tr><!-- --><th>Tool</th><!-- --><td>{{{tool|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{tooltip|}}}|<!-- --><tr><!-- --><th>Tooltip</th><!-- --><td><i>{{{tooltip|}}}</i></td><!-- Using apostrophes here can cause some tooltips to be bolded --></tr><!-- -->}}<!-- -->{{#forargs:buff|number|name|<!-- -->{{#iferror:{{#expr:{{#var:number}}}}||<!-- -->{{#if:{{{buff4|}}}||<!-- -->{{#vardefine:_bufftxt|{{{bufftext{{#var:number}}|{{#explode:{{#var:name}}|(buff)|0}}}}}}}<!-- --><tr class="buff"><!-- --><th>Grants [[Buff]]</th><!-- --><td><b>{{#ifeq:{{{bufflink{{#var:number}}|}}}|no|<!-- -->{{item|{{#var:name}}|{{#var:_bufftxt}}|link=}}<!-- -->|<!-- -->{{ifexists|{{#var:name}}|<!-- -->{{item|{{#var:name}}|{{#var:_bufftxt}}}}<!-- -->|<!-- -->{{item|{{#var:name}}|{{#var:_bufftxt}}|link=}}<!-- -->}}<!-- -->}}</b></td><!-- --></tr><!-- -->{{#if:{{{duration{{#var:number}}|}}}|<!-- --><tr class="buff"><!-- --><th>Buff duration</th><!-- --><td>{{{duration{{#var:number}}|}}}</td><!-- --></tr><!-- -->}}<!-- --><tr class="buff"><!-- --><th>Buff tooltip</th><!-- --><td>''{{{bufftip{{#var:number}}|{{bufftip|{{#var:name}}}}}}}''</td><!-- --></tr><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#forargs:debuff|number|name|<!-- -->{{#iferror:{{#expr:{{#var:number}}}}||<!-- -->{{#if:{{{debuff4|}}}||<!-- -->{{#vardefine:_debufftxt|{{{debufftext{{#var:number}}|{{#explode:{{#var:name}}|(debuff)|0}}}}}}}<!-- -->{{#vardefine:chance|{{#if:{{{debuffchance{{#var:number}}|}}}|{{#ifeq:{{#sub:{{{debuffchance{{#var:number}}|}}}|-2}}|##|{{#sub:{{{debuffchance{{#var:number}}|}}}|0|-2}}|{{{debuffchance{{#var:number}}|}}} chance}}}}}}<!-- --><tr class="buff"><!-- --><th>Inflicts [[Debuff]]</th><!-- --><td>{{#ifeq:{{{debufflink{{#var:number}}|}}}|no|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|link=|note2={{#var:chance}}}}<!-- -->|<!-- -->{{ifexists|{{#var:name}}|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|note2={{#var:chance}}}}<!-- -->|<!-- -->{{item|{{#var:name}}|<b>{{#var:_debufftxt}}</b>|link=|note2={{#var:chance}}}}<!-- -->}}<!-- -->}}<!-- --><br/>{{{debuffchancenote{{#var:number}}|}}}<!-- --></td><!-- --></tr><!-- -->{{#if:{{{debuffduration{{#var:number}}|}}}|<!-- --><tr class="buff"><!-- --><th>Debuff duration</th><!-- --><td>{{{debuffduration{{#var:number}}|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{debufftip{{#var:number}}|{{bufftip|{{#var:name}}}}}}}|<!-- --><tr class="buff"><!-- --><th>Debuff tooltip</th><!-- --><td>''{{{debufftip{{#var:number}}|{{bufftip|{{#var:name}}}}}}}''</td><!-- --></tr><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#ifeq:{{{nodebuffcargo|}}}|yes||<!-- -->{{#forargs:debuff|number|name|<!-- -->{{#iferror:{{#expr:{{#var:number}}}}||<!-- -->{{#cargo_store:<!-- -->_table = Debuffs<!-- -->|Item = {{{name|{{#titleparts:{{PAGENAME}}}}}}}<!-- -->|Debuff = {{{debuff{{#var:number}}}}}<!-- -->|Chance = {{{debuffchance{{#var:number}}|}}}<!-- -->|Duration = {{{debuffduration{{#var:number}}|}}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{immune1|}}}|<!-- --><tr class="buff"><!-- --><th>Grants immunity to</th><!-- --><td><!-- -->{{#forargs: immune<!-- -->| immuNum<!-- -->| debuff<!-- -->| {{item|mode=image|{{#var:debuff}}}}<!-- -->}}<!-- --></td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{stack|}}}|{{#iferror:{{#expr:{{{stack|}}}>0}}|<!-- --><tr><!-- --><th>Max stack</th><!-- --><td>{{{stack|}}}</td><!-- --></tr><!-- -->|}}}}<!-- -->{{#if:{{{color|}}}|<!-- --><tr><!-- --><th>Map color</th><!-- --><td>{{color|{{{color|}}} ●|{{{color|}}}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{rare|}}}|<!-- --><tr><!-- --><th>[[Rarity]]</th><!-- --><td>{{rare|{{{rare|}}}|category}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{value|}}}|<!-- --><tr><!-- --><th>[[Tile value]]</th><!-- --><td>{{{value|}}}</td><!-- --></tr><!-- -->}}<!-- -->{{#if:{{{buy|}}}{{{sell|}}}|<!-- -->{{#dplvar:set|_sep|{{#switch:|{{{buy|}}}|{{{sell|}}}=|{{#pos:{{{buy|}}}{{{sell|}}}|//}}}}}}<!-- -->{{#if:{{#dplvar:_sep}}|<!-- 2 lines ? -->{{#dplvar:set<!-- -->|_buy|{{#dplreplace:{{{buy|}}}|/\/\//|}}<!-- -->|_sell|{{#dplreplace:{{{sell|}}}|/\/\//|}}<!-- -->}}<!-- --><tr><!-- --><th>[[Value|Buy]]</th><!-- --><td>{{#dplvar:_buy}}</td><!-- --></tr><!-- --><tr><!-- --><th>[[Value|Sell]]</th><!-- --><td>{{#dplvar:_sell}}</td><!-- --></tr><!-- -->|<!-- --><tr><!-- --><th>[[Value|{{#if:{{{buy|}}}|Buy}}{{#switch:|{{{buy|}}}|{{{sell|}}}=|&nbsp;/&nbsp;}}{{#if:{{{sell|}}}|Sell}}]]</th><!-- --><td>{{{buy|}}}{{#switch:|{{{buy|}}}|{{{sell|}}}=|&nbsp;/&nbsp;}}{{{sell|}}}</td><!-- --></tr><!-- -->}}<!-- -->}}<!-- -->{{#if:{{{research|}}}|<!-- --><tr><!-- --><th>[[Research]]</th><!-- --><td><span class="journey" title="Journey Mode">{{{research|}}} required</span></td><!-- --></tr><!-- -->}}<!-- --></table><!-- -->{{#if:{{{proj|}}}|<div class="title">{{#if:{{{proj2|}}}|Projectiles|Projectile}} created</div><!-- -->{{#forargs: proj<!-- -->| projNum<!-- -->| projText<!-- -->| {{#if:{{{proj{{#var:projNum}}caption|}}}|<!-- --><div class="proj"><!-- -->{{#vardefine:file|{{#sub:{{#var:projText}}|0|-4}}}}<!-- -->{{#vardefine:ext|{{#sub:{{#var:projText}}|-3}}}}<!-- -->{{item|mode=image|{{#var:file}}|ext={{#var:ext}}|size={{{proj{{#var:projNum}}size}}}|link=File:{{#var:projText}}}}<br/><!-- --><b>{{{proj{{#var:projNum}}caption}}}</b><!-- --></div><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{cooldown|}}}|<div class="title">{{#if:{{{cooldown2|}}}|Cooldowns|Cooldown}} used</div><!-- -->{{#forargs: cooldown<!-- -->| cdNum<!-- -->| cdText<!-- -->| {{#if:{{{cooldown{{#var:cdNum}}caption|}}}|<!-- --><div class="cooldown"><!-- -->{{#vardefine:file|{{#sub:{{#var:cdText}}|0|-4}}}}<!-- -->{{#vardefine:ext|{{#sub:{{#var:cdText}}|-3}}}}<!-- -->{{item|mode=image|{{#var:file}}|ext={{#var:ext}}|size={{{cooldown{{#var:cdNum}}size|}}}|link=File:{{#var:cdText}}}}<br/><!-- --><b>{{{cooldown{{#var:cdNum}}caption|}}}</b><!-- --><br/><small style="color:#BDBDBD">{{{cooldown{{#var:cdNum}}duration|}}}{{#if:{{{cooldown{{#var:cdNum}}source|}}}|&nbsp;({{{cooldown{{#var:cdNum}}source}}})}}</small><!-- --></div><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{sound|}}}|<div class="title">Sounds</div><!-- -->{{#forargs: sound<!-- -->| soundNum<!-- -->| soundText<!-- -->| {{#if:{{{sound{{#var:soundNum}}text|}}}|<!-- --><div class="ib_sound"><!-- -->{{#arraydefine:sounds|{{#var:soundText}}}}<!-- -->{{#arrayslice:noTextSounds|sounds|1}}<!-- -->{{sound|{{{sound{{#var:soundNum}}text|}}}|{{#arrayindex:sounds|0}}}}<!-- -->{{#arrayprint:noTextSounds||@@@@|{{sound||@@@@}}}}<br/><!-- --></div><!-- -->}}<!-- -->}}<!-- -->}}<!-- -->{{#if:{{{image2|}}}|<!-- --><div class="image2"><!-- -->[[File:{{{image2|}}}|center|{{{image2}}}]]<!-- -->{{#if:{{{image2caption|}}}|<b><i>{{{image2caption|}}}</i></b>}}<!-- --></div><!-- -->}}<!-- -->{{#if:{{{image3|}}}|<!-- --><div class="image2"><!-- -->[[File:{{{image3|}}}|center|{{{image3}}}]]<!-- -->{{#if:{{{image3caption|}}}|<b><i>{{{image3caption|}}}</i></b>}}<!-- --></div><!-- -->}}<!-- --></div><!-- div.section.statistics --></div><!--END div.infobox -->{{#ifeq:{{NAMESPACE}}|{{ns:0}}|<!-- //cate -->{{#if:{{{type|}}}|[[Category:{{{type}}} items{{#ifeq:{{{type}}}|Grab bag|{{!}}*}}]]{{#ifeq:{{lc:{{{type2|}}}}}|set|[[Category:{{{type}}} sets]]}}}}<!-- -->{{#if:{{{type2|}}}|[[Category:{{{type2}}} items]]}}<!-- -->{{#if:{{{type3|}}}|[[Category:{{{type3}}} items]]}}<!-- -->{{#if:{{{listcat|}}}|[[Category:{{{listcat}}}]]}}<!-- -->{{#if:{{{listcat2|}}}|[[Category:{{{listcat2}}}]]}}<!-- -->{{#if:{{{listcat3|}}}|[[Category:{{{listcat3}}}]]}}<!-- -->{{#if:{{{listcat4|}}}|[[Category:{{{listcat4}}}]]}}<!-- -->{{#if:{{{listcat5|}}}|[[Category:{{{listcat5}}}]]}}<!-- -->{{#if:{{{consumable|}}}|[[Category:Consumable items]]}}<!-- -->{{#ifeq:{{{hardmode|}}}|yes|[[Category:Hardmode-only items]]}}<!-- -->{{#ifeq:{{{postml|}}}|yes|[[Category:Post-Moon Lord only items]]}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude><!-- -->{{doc}}<!-- --></noinclude> 074db5a7d4b39ac7e79badf3d7fd70f4db32a959 0 432 520 2025-07-21T10:30:35Z Squeaker 434557 Created page with "{{infobox wrapper | {{item infobox | image = Item - {{BASEPAGENAME}}.png | type = Accessory | defense = 2 | stack = 1 | rare = 1 | sell = {{value|0|1|0|0}} | tooltip = Absorbs 30% damage of incoming hit</br>Has a huge cooldown before next absorbing</br>'Just don't get hit.' }} | {{item drops infobox | [[tgc:King Slime (Eternity Mode)|King Slime (Eternity Mode)]] | 1 | 100% }} }} '''{{BASEPAGENAME}}''' is a [[Pre-Hardmode]] [[accessory]] exclusive to [[Satanist Mode]]. It..." wikitext text/x-wiki {{infobox wrapper | {{item infobox | image = Item - {{BASEPAGENAME}}.png | type = Accessory | defense = 2 | stack = 1 | rare = 1 | sell = {{value|0|1|0|0}} | tooltip = Absorbs 30% damage of incoming hit</br>Has a huge cooldown before next absorbing</br>'Just don't get hit.' }} | {{item drops infobox | [[tgc:King Slime (Eternity Mode)|King Slime (Eternity Mode)]] | 1 | 100% }} }} '''{{BASEPAGENAME}}''' is a [[Pre-Hardmode]] [[accessory]] exclusive to [[Satanist Mode]]. It is always dropped by [[fgm:King Slime (Eternity Mode)|King Slime]]. When equipped, the player can tank a hit at 70% damage, though a cooldown will be invoked afterwards. == Notes == * The {{BASEPAGENAME}} cannot absorb hits that will instantly kill the player. == History == To be announced. b5673c5975e955367f0ff688e4368c77a319348f 527 520 2025-07-21T10:36:34Z Squeaker 434557 wikitext text/x-wiki {{infobox wrapper | {{item infobox | image = Item - {{BASEPAGENAME}}.png | type = Accessory | defense = 2 | stack = 1 | rare = 1 | sell = {{value|0|0|20|40}} | tooltip = Absorbs 30% damage of incoming hit</br>Has a huge cooldown before next absorbing</br>'Just don't get hit.' }} | {{item drops infobox | [[tgc:King Slime (Eternity Mode)|King Slime (Eternity Mode)]] | 1 | 100% }} }} '''{{BASEPAGENAME}}''' is a [[Pre-Hardmode]] [[accessory]] exclusive to [[Satanist Mode]]. It is always dropped by [[fgm:King Slime (Eternity Mode)|King Slime]]. When equipped, the player can tank a hit at 70% damage, though a cooldown will be invoked afterwards. == Notes == * The {{BASEPAGENAME}} cannot absorb hits that will instantly kill the player. == History == To be announced. cd6b9aeac840d7b3c6f19e4acbe3973ee3c28f3b 528 527 2025-07-21T10:41:21Z Squeaker 434557 wikitext text/x-wiki {{infobox wrapper | {{item infobox | image = Item - {{BASEPAGENAME}}.png | type = Accessory | defense = 2 | stack = 1 | rare = 1 | sell = {{value|0|0|20|40}} | tooltip = Absorbs 30% damage of incoming hit</br>Has a huge cooldown before next absorbing</br>'Just don't get hit.' }} | {{item drops infobox | [[tgc:King Slime (Eternity Mode)|King Slime (Eternity Mode)]] | 1 | 100% }} }} '''{{BASEPAGENAME}}''' is a [[Pre-Hardmode]] [[accessory]] exclusive to [[Satanist Mode]]. It is always dropped by [[fgm:King Slime (Eternity Mode)|King Slime]]. When equipped, the player can tank a hit at 70% damage, though a cooldown will be invoked afterwards. == Notes == * {{BASEPAGENAME}} cannot absorb hits that will instantly kill the player. == History == To be announced. e657bf2f2f5b4eeafffd06bd5061b8171021240e 532 528 2025-07-21T10:51:05Z Squeaker 434557 wikitext text/x-wiki {{infobox wrapper | {{item infobox | image = Item - {{BASEPAGENAME}}.png | type = Accessory | defense = 2 | stack = 1 | rare = 1 | sell = {{value|0|0|20|40}} | tooltip = Absorbs 30% damage of incoming hit</br>Has a huge cooldown before next absorbing</br>'Just don't get hit.' }} | {{item drops infobox | [[fgm:King Slime (Eternity Mode)|King Slime (Eternity Mode)]] | 1 | 100% }} }} '''{{BASEPAGENAME}}''' is a [[Pre-Hardmode]] [[accessory]] exclusive to [[Satanist Mode]]. It is always dropped by [[fgm:King Slime (Eternity Mode)|King Slime]]. When equipped, the player can tank a hit at 70% damage, though a cooldown will be invoked afterwards. == Notes == * {{BASEPAGENAME}} cannot absorb hits that will instantly kill the player. == History == To be announced. 68a450fbab7228023cc901da2944cc7f57794527 0 433 521 2025-07-21T10:30:45Z Squeaker 434557 Redirected page to [[tgc:Pre-Hardmode]] wikitext text/x-wiki #REDIRECT [[tgc:Pre-Hardmode]] bc6307a7db7e73fd02cc3b63b7652475723a17da 14 434 522 2025-07-21T10:31:17Z Squeaker 434557 Created blank page wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 5 523 465 2025-07-21T10:32:06Z Squeaker 434557 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Satanist Mode|image=Satanist Mode.png|size=92px}} * {{MP link|Accessories|image=Item - Slimy Armor.png|link=Category:Accessory items}} * {{MP link|NPCs|link=Category:NPC NPCs|image=Monstrocity.png|size=92px}} * {{MP link|Debuffs|link=Category:Debuffs|image=Buff - DebuffTemplate.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 6d1ec618a0ff7fab4703515858f7b021f44bcc80 524 523 2025-07-21T10:32:23Z Squeaker 434557 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Satanist Mode|image=Satanist Mode.png|size=92px}} * {{MP link|Accessories|image=Item - Slimy Armor.png|link=Category:Accessory items}|size=92px} * {{MP link|NPCs|link=Category:NPC NPCs|image=Monstrocity.png|size=92px}} * {{MP link|Debuffs|link=Category:Debuffs|image=Buff - DebuffTemplate.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 5f95ee1f79d21340694d569a5bae2cd698158e8b 525 524 2025-07-21T10:32:34Z Squeaker 434557 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Satanist Mode|image=Satanist Mode.png|size=92px}} * {{MP link|Accessories|image=Item - Slimy Armor.png|link=Category:Accessory items|size=92px}} * {{MP link|NPCs|link=Category:NPC NPCs|image=Monstrocity.png|size=92px}} * {{MP link|Debuffs|link=Category:Debuffs|image=Buff - DebuffTemplate.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 481b2de94a0496c2f484303b69133bb9808e2cd2 6 435 526 2025-07-21T10:33:59Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 436 529 2025-07-21T10:44:18Z Squeaker 434557 Created page with "{{infobox wrapper | {{item infobox | image = Item - {{BASEPAGENAME}}.png | type = Accessory | defense = 3 | stack = 1 | rare = 3 | sell = {{value|0|0|20|40}} | tooltip = Sprays out 4 bones when you are hit</br>10% extra damage</br>'The Demon of Old Man is now on your side...' | proj = Bone.png | projcaption = Bone Friendly }} | {{item drops infobox | [[tgc:King Slime (Eternity Mode)|King Slime (Eternity Mode)]] | 1 | 100% }} }} The '''{{BASEPAGENAME}}''' is a Pre-Hardm..." wikitext text/x-wiki {{infobox wrapper | {{item infobox | image = Item - {{BASEPAGENAME}}.png | type = Accessory | defense = 3 | stack = 1 | rare = 3 | sell = {{value|0|0|20|40}} | tooltip = Sprays out 4 bones when you are hit</br>10% extra damage</br>'The Demon of Old Man is now on your side...' | proj = Bone.png | projcaption = Bone Friendly }} | {{item drops infobox | [[tgc:King Slime (Eternity Mode)|King Slime (Eternity Mode)]] | 1 | 100% }} }} The '''{{BASEPAGENAME}}''' is a [[Pre-Hardmode]] [[accessory]] exclusive to [[Satanist Mode]]. It is always dropped by [[fgm:Skeletron (Eternity Mode)|Skeletron]]. When equipped, the player gains a 10% damage boost, as well as a hit effect where the player sprays four bones. == Notes == * The {{BASEPAGENAME}} bones do not deal damage, only acting as a cosmetic change. == History == To be announced. 9c26b5d81c723632c7a0bbc67a308b21296720e8 531 529 2025-07-21T10:50:52Z Squeaker 434557 wikitext text/x-wiki {{infobox wrapper | {{item infobox | image = Item - {{BASEPAGENAME}}.png | type = Accessory | defense = 3 | stack = 1 | rare = 3 | sell = {{value|0|0|20|40}} | tooltip = Sprays out 4 bones when you are hit</br>10% extra damage</br>'The Demon of Old Man is now on your side...' | proj = Bone.png | projcaption = Bone Friendly }} | {{item drops infobox | [[fgm:Skeletron (Eternity Mode)|Skeletron (Eternity Mode)]] | 1 | 100% }} }} The '''{{BASEPAGENAME}}''' is a [[Pre-Hardmode]] [[accessory]] exclusive to [[Satanist Mode]]. It is always dropped by [[fgm:Skeletron (Eternity Mode)|Skeletron]]. When equipped, the player gains a 10% damage boost, as well as a hit effect where the player sprays four bones. == Notes == * The {{BASEPAGENAME}} bones do not deal damage, only acting as a cosmetic change. == History == To be announced. 146ff340955d4470a5abd1b5b7e7cc136fc0ca47 6 437 530 2025-07-21T10:49:58Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 438 533 2025-07-21T10:54:58Z Squeaker 434557 Created page with "{{infobox wrapper | {{item infobox | image = Item - {{BASEPAGENAME}}.png | type = Accessory | defense = 1 | stack = 1 | rare = 3 | sell = {{value|0|0|20|40}} | tooltip = Has a 10% chance to spawn bees on strikes</br>+40 max mana</br>5% extra damage</br>5% extra movespeed</br>'The power of the Queen is with you...' | proj = Bee.gif | projcaption = Bee }} | {{item drops infobox | [[fgm:Queen Bee (Eternity Mode)|Queen Bee (Eternity Mode)]] | 1 | 100% }} }} The '''{{BASEPAGE..." wikitext text/x-wiki {{infobox wrapper | {{item infobox | image = Item - {{BASEPAGENAME}}.png | type = Accessory | defense = 1 | stack = 1 | rare = 3 | sell = {{value|0|0|20|40}} | tooltip = Has a 10% chance to spawn bees on strikes</br>+40 max mana</br>5% extra damage</br>5% extra movespeed</br>'The power of the Queen is with you...' | proj = Bee.gif | projcaption = Bee }} | {{item drops infobox | [[fgm:Queen Bee (Eternity Mode)|Queen Bee (Eternity Mode)]] | 1 | 100% }} }} The '''{{BASEPAGENAME}}''' is a [[Pre-Hardmode]] [[accessory]] exclusive to [[Satanist Mode]]. It is always dropped by [[fgm:Queen Bee (Eternity Mode)|Queen Bee]]. When equipped, the player gains a 5% damage boost, 40 more mana, 5% more movement speed, and a weapon hit effect where the player spawns [[tgc:Bee|bees]]. == Notes == * The {{BASEPAGENAME}} bees deal half of the base damage of the currently held weapon in the player's hand. == History == To be announced. 5b7a342bf9bd8a709c22997e374c56a0fc43dd7a 6 439 534 2025-07-21T11:00:01Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 440 535 2025-07-21T11:02:57Z Squeaker 434557 Created page with "{{item infobox | image = Item - {{BASEPAGENAME}}.png | type = Accessory | stack = 1 | rare = 11 | sell = ''<span style="color:#828282">No value'' | tooltip = Immunity to Overheated }} '''{{BASEPAGENAME}}''' is an unimplemented [[accessory]] exclusive to [[Satanist Mode]]. When equipped, the player gains immunity to [[Overheated]]. == History == To be announced." wikitext text/x-wiki {{item infobox | image = Item - {{BASEPAGENAME}}.png | type = Accessory | stack = 1 | rare = 11 | sell = ''<span style="color:#828282">No value'' | tooltip = Immunity to Overheated }} '''{{BASEPAGENAME}}''' is an unimplemented [[accessory]] exclusive to [[Satanist Mode]]. When equipped, the player gains immunity to [[Overheated]]. == History == To be announced. 4926760ed2837c78c13fef3675b073448230a512 6 441 536 2025-07-21T11:04:24Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 369 537 453 2025-07-21T11:04:45Z Squeaker 434557 wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | tooltip = You are taking damage. | effects = -6 health per second }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that causes continuous damage over time by lowering life regeneration. When combined with the {{item|image=On Fire!.png|tgc:On Fire!|On Fire!}} debuff, the player will emit blood dust effects. The debuff is continuously applied when the player has the {{item|image=Happy!.png|tgc:Happy!|Happy!}} buff, which is acquired by being around [[tgc:Sunflower|Sunflowers]]. == Causes == === From Environment === {| class="terraria sortable" ! colspan=2 | From ! Duration |- |{{item|mode=table|wrap=y|image=Sunflower (placed).png|tgc:Sunflower|Sunflower}} | 0.5 seconds |} == Trivia == *The debuff originated from the "Kaizo Terraria" mod, which was a 1.3 mod that, like the name suggests, added frustratingly difficult content to Terraria. a2f440dd493c48980d93027bbb4acc16f3e4d60e 0 442 538 2025-07-21T11:11:52Z Squeaker 434557 Created page with "{{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | tooltip = It's too hot. | effects = Sets life regen to 0 and reduces movement speed by 70% }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that prevents the player from regenerating life, as well as reducing the player's movement speed by 70%. == Causes == === From Environment === If the player is within the lower 30% of the world, {{BASEPAGENAME}} is applied indefinitel..." wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | tooltip = It's too hot. | effects = Sets life regen to 0 and reduces movement speed by 70% }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that prevents the player from regenerating life, as well as reducing the player's movement speed by 70%. == Causes == === From Environment === If the player is within the lower 30% of the world, {{BASEPAGENAME}} is applied indefinitely. The debuff outside of this range lasts 0.5 seconds. == Trivia == *The debuff originated from the "Kaizo Terraria" mod, which was a 1.3 mod that, like the name suggests, added frustratingly difficult content to Terraria. 9a38c830d0577e45d0e9b9de57f3ae909ac24d11 0 444 540 2025-07-21T13:53:00Z Ricyez 607249 Created page with "{{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | effects = Reduces the player’s max life to one-third, slows movement, applies the stinky effect, plays loud duck sounds periodically, and transforms nearby friendly NPCs into hostile Geese within a certain range. }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player’s max life to one-third, slows movement, applies the stinky effect, plays loud duck s..." wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | effects = Reduces the player’s max life to one-third, slows movement, applies the stinky effect, plays loud duck sounds periodically, and transforms nearby friendly NPCs into hostile Geese within a certain range. }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player’s max life to one-third, slows movement, applies the stinky effect, plays loud duck sounds periodically, and transforms nearby friendly NPCs into hostile Geese within a certain range. == Causes == Goose (npc) == Trivia == * Infliced by goose * The debuff has no tooltip 2d009c806b2fb2f0e057478b5fc1d9f5f9808652 556 540 2025-07-21T16:58:44Z Squeaker 434557 Squeaker renamed page [[GooseWrath]] to [[Goose Wrath]] without leaving a redirect wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | effects = Reduces the player’s max life to one-third, slows movement, applies the stinky effect, plays loud duck sounds periodically, and transforms nearby friendly NPCs into hostile Geese within a certain range. }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player’s max life to one-third, slows movement, applies the stinky effect, plays loud duck sounds periodically, and transforms nearby friendly NPCs into hostile Geese within a certain range. == Causes == Goose (npc) == Trivia == * Infliced by goose * The debuff has no tooltip 2d009c806b2fb2f0e057478b5fc1d9f5f9808652 558 556 2025-07-21T17:01:41Z Squeaker 434557 wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | effects = Reduces the player’s max life to one-third, slows movement, applies the stinky effect, plays loud duck sounds periodically, and transforms nearby friendly NPCs into hostile Geese within a certain range. | tooltip = n/a }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player’s max life to one-third, slows movement, applies the stinky effect, plays loud duck sounds periodically, and transforms nearby friendly NPCs into hostile Geese within a certain range. == Causes == Goose (npc) <!-- == Trivia == --!> 333b2be13180b892c3a1450020a07d6a65974288 0 377 542 452 2025-07-21T16:29:45Z Squeaker 434557 wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - DebuffTemplate.png | tooltip = Mods.Satanist.Buffs.IHateYouIHateYouIHateYou.Description | effects = -25% HP {{note|small=y|block=y|paren=y|current and total}} }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that reduces the player's total health by 25%, as well as reducing the player's total health by 25%. The debuff is currently unimplemented. == Causes == Due to the fact that the buff remains unimplemented, it has no cause. == Notes == * The debuff can be applied to NPCs, having the same effect as it would on the player. == Trivia == *If the debuff were to be implemented, it would not save on logout, nor could it be used in PvP. d9491eb9792556a9140838148b8410efc609e4d0 14 446 543 2025-07-21T16:30:13Z Squeaker 434557 Created blank page wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 10 447 544 2025-07-21T16:32:53Z Squeaker 434557 Created page with "<includeonly>{{#invoke:gameText|get|lang={{lang}}}}</includeonly><noinclude>{{i18n-ready}}{{lua}}{{doc}} {{category|Templates}} {{language info|en=Template:GameText}} </noinclude>" wikitext text/x-wiki <includeonly>{{#invoke:gameText|get|lang={{lang}}}}</includeonly><noinclude>{{i18n-ready}}{{lua}}{{doc}} {{category|Templates}} {{language info|en=Template:GameText}} </noinclude> 1791b9ada3096d2a5efb67a43b32a8acaf0c76b5 10 448 545 2025-07-21T16:33:06Z Squeaker 434557 Created page with "<includeonly><!-- -->{{#if:{{langList|isOnWiki|{{{lang|{{lang|}}}}}}}|<!-- -->[[Category:<!-- -->{{{1|}}}/{{{lang|{{lang|}}}}}<!-- category name -->{{#ifeq:{{{2|-unset}}}|{{{2|unset-}}}|{{!}}{{{2}}}}}<!-- category sortkey, only if set (can be blank) --> ]]<!-- the space here is needed for blank sortkeys -->|<!-- // loading glossary for this language: -->{{#if:{{#dplvar:_cate_glossary_{{{lang|{{lang|}}}}}}}|| {{category/db-{{{lang|{{lang|}}}}}}} }}<!-- -->..." wikitext text/x-wiki <includeonly><!-- -->{{#if:{{langList|isOnWiki|{{{lang|{{lang|}}}}}}}|<!-- -->[[Category:<!-- -->{{{1|}}}/{{{lang|{{lang|}}}}}<!-- category name -->{{#ifeq:{{{2|-unset}}}|{{{2|unset-}}}|{{!}}{{{2}}}}}<!-- category sortkey, only if set (can be blank) --> ]]<!-- the space here is needed for blank sortkeys -->|<!-- // loading glossary for this language: -->{{#if:{{#dplvar:_cate_glossary_{{{lang|{{lang|}}}}}}}|| {{category/db-{{{lang|{{lang|}}}}}}} }}<!-- -->[[Category:<!-- -->{{#or:{{#dplvar:_cate_glossary-{{ucfirst:{{{1|}}}}}}}|{{tr|{{{1|}}}|lang={{{lang|{{lang|}}}}}}}}}<!-- category name -->{{#ifeq:{{{2|-unset}}}|{{{2|unset-}}}|{{!}}{{#or:{{#dplvar:_cate_glossary-{{ucfirst:{{{2|}}}}}}}|{{tr|{{{2|}}}|lang={{{lang|{{lang|}}}}}}}}}}}<!-- category sortkey, only if set (can be blank) --> ]]<!-- -->}}<!-- --></includeonly><!-- --><noinclude> {{i18n-ready}} {{doc}} <!-- There are some examples in the documentation which cause the {{category}} call below not to work as expected, so we have to unset the entry, then force a reload of the glossary. -->{{#dplvar:set|_cate_glossary-Templates|<!-- unset -->|_cate_glossary_{{lang|}}|<!-- unset to force glossary reload -->}} {{category|Templates}} {{language info|en=Template:Category}} </noinclude> 2b83f8173819a93a0385b2ca3acef57ba960c27a 10 449 546 2025-07-21T16:34:39Z Squeaker 434557 Created page with "<includeonly><!-- -->{{#if:{{langList|isOnWiki|{{lang|}}}}|<!-- // print the {{translation projects}} utilities -->{{#ifeq:{{{displaytitle|-unset}}}|{{{displaytitle|unset-}}}|<!-- -->{{translation projects|displaytitle={{{displaytitle}}}}}<!-- $displaytitle is set -->|<!-- -->{{translation projects}}<!-- $displaytitle is not set -->}}<!-- (this differentiation is needed because "|displaytitle=<blank>" would override the default in {{translation projects}}) -->}}<..." wikitext text/x-wiki <includeonly><!-- -->{{#if:{{langList|isOnWiki|{{lang|}}}}|<!-- // print the {{translation projects}} utilities -->{{#ifeq:{{{displaytitle|-unset}}}|{{{displaytitle|unset-}}}|<!-- -->{{translation projects|displaytitle={{{displaytitle}}}}}<!-- $displaytitle is set -->|<!-- -->{{translation projects}}<!-- $displaytitle is not set -->}}<!-- (this differentiation is needed because "|displaytitle=<blank>" would override the default in {{translation projects}}) -->}}<!-- -->{{common}}<!-- {{language info}} is supposed to be on every page, so do the "common" process here. // offwiki languages must (and only need to) define en page name: {{language info|en=<en page name>}} // en and onwiki languages can be auto detected: {{language info|en={{subst:FULLPAGENAME}}}}, or defined manually: {{language info|en=<en page name>}} (mainly for templates/modules, it will be easier to sync for offwiki languages) //en pagename detected and English interwiki link if needed. -->{{#if:{{langList|isEn|{{lang|}}}}|<!-- -->{{#vardefine:_en|{{{en|{{{key|}}}}}}}}<!-- -->{{#if:{{#var:_en}}|<!-- -->{{#ifeq:{{#var:_en}}|{{#titleparts:{{FULLPAGENAME}}}}||<!-- if not eq -->[[Category:English language info not matched]]<!-- -->}}<!-- -->|<!-- -->{{#vardefine:_en|{{#titleparts:{{FULLPAGENAME}}}}}}<!-- -->}}<!-- -->|<!-- // we need pagename with namespace, so use{{FULLPAGENAME}}. -->{{#vardefine:_en|{{{en|{{{key| {{#if:{{langList|isOnWiki|{{lang}}}}|{{#titleparts:{{FULLPAGENAME}}|-1}}|{{#titleparts:{{FULLPAGENAME}}}}}} }}}}}}}}<!-- -->{{#if:{{#var:_en}}|[[en:{{#var:_en}}]]}}<!-- -->}}<!-- //non-English language interwiki links -->{{#invoke:language_info|interwiki_links|en={{#var:_en|{{#titleparts:{{FULLPAGENAME}}}}}}|lang={{lang}}}}<!-- --></includeonly><noinclude>{{lua}}{{i18n-ready}}{{doc}}{{language info|en=Template:Language info}}</noinclude> 27c711434be20159a19c82818b1ab3c0a0d15137 828 450 547 2025-07-21T16:35:10Z Squeaker 434557 Created page with "-------------------------------------------------------------------------------- -- -- ============================================================================= -- -- Module:GameText -- -- Fetching text from Terraria's localization files -- -- ============================================================================= -- -- Code annotations: -- This module is documented according to LuaCATS (Lua Comment and Type System). -- LuaCATS comments are prefixed with three..." Scribunto text/plain -------------------------------------------------------------------------------- -- -- ============================================================================= -- -- Module:GameText -- -- Fetching text from Terraria's localization files -- -- ============================================================================= -- -- Code annotations: -- This module is documented according to LuaCATS (Lua Comment and Type System). -- LuaCATS comments are prefixed with three dashes (---) and use Markdown syntax. -- For a full list of annotations, see the following link: -- https://luals.github.io/wiki/annotations/ -- -------------------------------------------------------------------------------- local trim = mw.text.trim ---Holds the arguments from the template call. ---@type table<string, string> local args_table ---Full database of all strings in Terraria's localization files for the ---different languages. Is filled by the `loadDatabase` function. ---Keys are language codes (e.g. 'de', 'en', 'fr', ...) and values are the ---respective localization tables from [[Module:GameText/db-de]], ---[[Module:GameText/db-en]], [[Module:GameText/db-fr]], ... ---@type table<string, table> local db = {} ---Return a trimmed version of the value of the template parameter with the specified `key`. ---Return `nil` if the parameter is empty or unset. ---@param key string|integer ---@return string? local function getArg(key) local value = args_table[key] if not value then return nil end value = trim(value) if value == '' then return nil end return value end ---Concatenate the values of a table as a string. Works like `table.concat()`, ---except it also accepts associative arrays, i.e. tables that don't have ---purely numerical indices, like `{['foo']='bar'}`. ---@param tbl table ---@param sep string Separator for concatenation ---@return string local function concatTable(tbl, sep) local arr = {} for _, v in pairs(tbl) do arr[#arr+1] = v end return table.concat(arr, sep) end ---Fill the database of strings for a given language and return it. ---The database is cached; see [[Module:GameText/loaddata]] for details about ---what this means. ---@param lang string Language code ---@return table local function loadDatabase(lang) if not db[lang] then local success, result = xpcall( -- try to load the database for the given language function() return mw.loadData('Module:GameText/loaddata-' .. lang) end, -- if it doesn't exist, fall back to the English database function() return mw.loadData('Module:GameText/loaddata-en') end ) db[lang] = result or {} end return db[lang] end ---Process the template parameter input for placeholder replacements. ---Terraria's localization strings contain placeholders like '{0}' or '<right>', ---which the `getText` function of this module replaces by the custom strings ---provided by template parameters. The function uses `string.gsub()` for that ---replacement and it requires a table of replacements for it, so the template ---parameters must be converted to a replacement table for `string.gsub()`. ---That conversion is what this function does. Example: ---Template parameter input: `|x_0=Angler|y_right=Right click`. ---Replacement table: `{['{0}']='Angler', ['<right>']='Right click'}`. --- ---There are two types of placeholders: '{foo}' and '<foo>'. The first type is ---prefixed with 'x_' in the template parameters, the second with 'y_'. ---@param templateParams table<string, string> Template parameter input ---@return table? repl Replacement table suitable for `string.gsub()` local function replacementArgs(templateParams) local replTable = {} ---Whether the `replTable` is empty. local anyReplacements = false -- iterate over the template parameters and extract the ones starting with -- 'x_' or 'y_' for paramKey, paramValue in pairs(templateParams) do -- first type of placeholder: 'x_foo' => '{foo}' string.gsub(paramKey, '^x_(.+)', function(s) replTable['{' .. s .. '}'] = paramValue anyReplacements = true end) -- second type of placeholder: 'y_foo' => '<foo>' string.gsub(paramKey, '^y_(.+)', function(s) replTable['<' .. s .. '>'] = paramValue anyReplacements = true end) end -- return `nil` if the `replTable` is empty, i.e. if there are no relevant -- parameters in the input if anyReplacements then return replTable end end ---Return the localization string or table of strings corresponding to the given ---key. Keys can be nested using dots, e.g. `ItemName.IronPickaxe`. ---@param key string Identifier of the localization string/table ---@param lang? string Language code ---@return string|table|nil local function get(key, lang) key = trim(key) -- The `key` is a dot-separated string that identifies a string or object in -- the localization data. The JSON localization files contain nested objects -- like so (fictional example): -- { -- "Buffs": { -- "Names": { -- "StardustMinion": "Stardust Cell" -- } -- } -- } -- Usually there are only 2 levels of nesting but we must assume that there -- can be any number of levels. -- The JSON data is `db[lang]` here, with JSON objects being Lua tables. -- We "descend" into the data by splitting the `key` on dots into subkeys. ---Index of the next "subkey" within the `key`. local nextSubkeyStartPosition = 1 -- For the key splitting we use a for-loop in the "generic form", which -- requires a "function-in-function": ---Return a function that returns the index of the next dot in the `key`, ---starting from the current `nextSubkeyStartPosition`. local function findNextDot() return function() -- note: string.find() returns start *and* end index, but those are -- always identical because our pattern is only 1 character long return string.find(key, '.', nextSubkeyStartPosition, true) end end -- Initially we start with the entire database. local data = db[lang] or loadDatabase(lang or 'en') -- We locate the first subkey: for dotPosition in findNextDot() do local subkey = string.sub(key, nextSubkeyStartPosition, dotPosition - 1) -- Then we descend into the `data` using this subkey: data = data[tonumber(subkey) or subkey] -- (`tonumber` is needed because numerical indices are true integers, -- not "integer-as-a-string"s) if not data then -- subkey is invalid return nil end -- Finally we repeat it with the next subkey. nextSubkeyStartPosition = dotPosition + 1 end -- The above is the "generic form" of the for-loop. It is repeated until -- `dotPosition` becomes `nil`, i.e. until there are no more dots in the -- `key`. -- The final part of the `key` is the subkey to look for in the `data`. if nextSubkeyStartPosition ~= 0 then key = string.sub(key, nextSubkeyStartPosition) end -- Using the example data from above, this is how the process would go: -- We would get the first subkey from the `key` 'Buffs.Names.StardustMinion', -- i.e. 'Buffs'. We would descend one level now by setting `data` -- (previously the entire database) to `data['Buffs']`. -- Then we would get the second subkey, 'Names' and descend another level by -- setting `data` to `data['Names']`. -- There would be no more dots in the `key` now, so the current `data` would -- be the table in which to look for the third subkey, 'StardustMinion'. -- Since we would have descended two levels, the `data` would be: -- `db[lang]['Buffs']['Names']`. -- Look for the final subkey: local result = data[tonumber(key) or key] if result and type(result) == 'string' then -- some localization strings contain reference marks, such as -- '{$CommonItemTooltip.RightClickToOpen}'; replace those result = string.gsub(result, '({%$(.-)})', function(_, referenceKey) return get(referenceKey, lang) end) end return result end ---Return the string corresponding to the given `key`. The value of the `key` ---must be a string, not a table. Placeholders in it like '{0}' or '<right>' ---will be replaced according to the `placeholderReplacements`, which should ---be a table suitable for `string.gsub()`, e.g.: ---```lua ---{ --- ['{0}'] = 'Angler', --- ['<right>'] = 'Right click' ---} ---``` ---@param key string Identifier of the localization string ---@param lang? string Language code ---@param placeholderReplacements? table<string, string> ---@return string? local function getText(key, lang, placeholderReplacements) if not key then return end local result = get(key, lang) or get(key, 'en') -- error handling if not result then return end if type(result) ~= 'string' then error('The value of "' .. key .. '" is not a string! getText can only be used for strings.') end -- strip condition marks like '{?Homeless}' result = string.gsub(result, '{%?.-}', '') -- replace placeholders if placeholderReplacements then result = string.gsub(result, '%b{}', placeholderReplacements) result = string.gsub(result, '%b<>', placeholderReplacements) end return result end ---Return all keys of the localization database for one language on the top level. ---@return string[] local function getSectionList() -- the language doesn't matter because all languages should have the same keys local data = db['en'] or loadDatabase('en') local arr = {} for k, v in pairs(data) do arr[#arr + 1] = k end return arr end -------------------------------------------------------------------------------- ---Main return object local p = {} ---For `{{gameText}}`: return a string by key. ---@param frame table Interface to the parser (`mw.frame`) ---@return string? p.get = function(frame) args_table = frame:getParent().args -- global input args cache local result = getText(getArg(1), getArg('lang') or frame.args['lang'], replacementArgs(args_table)) if result then return '<span class="gameText">' .. string.gsub(result, '\n', '<br/>') .. '</span>' end end ---For `{{gameText/raw}}`: return a string by key without any processing/formatting. ---@param frame table Interface to the parser (`mw.frame`) ---@return string p.getRaw = function(frame) return (frame.args['prefix'] or '') .. (getText(frame.args[1], frame.args['lang'] or frame:expandTemplate{title = 'lang'}, replacementArgs(frame.args)) or '') .. (frame.args['postfix'] or '') end ---For `{{gameText/section}}`: return one table ("section") from the database as ---an array from Extension:ArrayFunctions. ---@param frame table Interface to the parser (`mw.frame`) ---@return string p.getSection = function(frame) args_table = frame.args -- global input args cache return mw.af.export(get(getArg(1), getArg('lang'))) end ---For `{{gameText/sectionList}}`: return all top-level keys as an array from ---Extension:ArrayFunctions. ---@param frame table Interface to the parser (`mw.frame`) ---@return string p.getSectionList = function(frame) args_table = frame.args -- global input args cache return mw.af.export(getSectionList()) end ---Return all keys and strings of one table from the database, separated by the ---character '¦'. The separator between each key and string is '₪'. If no key is ---provided, then merely return all keys in the entire database. ---@param frame table Interface to the parser (`mw.frame`) ---@return string? p.listAll = function(frame) local lang = frame.args['lang'] or 'en' loadDatabase(lang) local arr = {} if frame.args[1] then if not db[lang][frame.args[1]] then return end for k, v in pairs(db[lang][frame.args[1]]) do arr[#arr + 1] = k .. '₪' .. v end else -- no key provided for k, v in pairs(db[lang]) do arr[#arr + 1] = k end end return table.concat(arr, '¦') end ---Return all keys of one table from the database, separated by the character '¦'. ---If no key is provided, then merely return all keys in the entire database. ---@param frame table Interface to the parser (`mw.frame`) ---@return string p.listKeys = function(frame) local lang = frame.args['lang'] or 'en' loadDatabase(lang) local data if frame.args[1] then data = db[lang][frame.args[1]] or {} else -- no key provided data = db[lang] end local arr = {} for k, v in pairs(data) do arr[#arr + 1] = k end return table.concat(arr, '¦') end ---Return a tabular visualization of the entire database, where the left column ---is the key and the right column is the string. ---@param frame table Interface to the parser (`mw.frame`) ---@return string p.printTable = function(frame) local lang = frame.args['lang'] or 'en' local data = loadDatabase(lang) local allKeys = {} local allValues = {} local function recurse(datatable, previousKey) for thisSubkey, thisData in pairs(datatable) do local nextKey if previousKey ~= '' then nextKey = previousKey .. '.' .. thisSubkey else nextKey = thisSubkey end if type(thisData) ~= 'table' then table.insert(allKeys, nextKey) allValues[nextKey] = thisData else recurse(thisData, nextKey) end end end recurse(data, '') table.sort(allKeys) local output = {'<table class="wikitable"><tr><th>Key</th><th>String</th></tr>'} for i = 1, #allKeys do local key = allKeys[i] local keyCell = '<td><code>' .. key .. '</code></td>' local valueCell = '<td><span class="gameText">' .. string.gsub(allValues[key], '\n', '<br/>') .. '</span></td>' table.insert(output, '<tr>' .. keyCell .. valueCell .. '</tr>') end table.insert(output, '</table>') return table.concat(output) end ---Purge the cache of the string database for the given language. See ---[[Module:GameText/loaddata]] for details about what this means. ---Invoke from wikitext or from another module. ---@param frame table Interface to the parser (`mw.frame`) p.purge = function(frame) local lang if frame == mw.getCurrentFrame() then lang = frame.args['lang'] else lang = frame end lang = lang or 'en' require('Module:GameText/loaddata').purge(lang) end ---For other modules: return a string. p.getText = getText ---For other modules: return a string or table without processing/formatting. p.getData = get ---For other modules: return an array of top-level keys. p.getSections = getSectionList return p 2e59241408ed5633b7e3acddaad5823d492597e2 0 452 552 2025-07-21T16:37:22Z Squeaker 434557 Squeaker renamed page [[Golem Presence]] to [[GolemPresence]]: Revert wikitext text/x-wiki #REDIRECT [[GolemPresence]] 3f5e43ddad080ee982f85780225623b37740388d 554 552 2025-07-21T16:52:31Z Squeaker 434557 Removed redirect to [[GolemPresence]] wikitext text/x-wiki {{buff infobox | type = Debuff | image = Buff - {{BASEPAGENAME}}.png | tooltip = Golem is watching you... | effects = Acts as an ominous warning }} '''{{BASEPAGENAME}}''' is a [[Satanist Mode]]-exclusive [[Debuff|debuff]] that is intended to warn the player of impending danger. The debuff is acquired when the player enters the [[tgc:Jungle Temple|Jungle Temple]] without having beaten [[fgm:Plantera (Eternity Mode)|Plantera]] or [[fgm:Golem (Eternity Mode)|Golem]]. == Causes == === From Environment === {| class="terraria sortable" ! colspan=2 | From ! Duration |- |{{item|mode=table|wrap=y|image=Bestiary The Temple.png|tgc:Jungle Temple|Jungle Temple}} | 5 minutes |} == Trivia == *While the debuff does exist and is implemented, the debuff does not show on the player. 1f31de3f24453f0523c1d02afa8ea9a5f5101c0c 6 453 553 2025-07-21T16:50:01Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 8 555 459 2025-07-21T16:57:44Z Squeaker 434557 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2"> * {{MP link|Steam Page|image=Steam.svg|link=https://steamcommunity.com/sharedfiles/filedetails/?id=3139796298}} * {{MP link|Discord Server|link=https://discord.gg/3wZV7RSNGQ|image=Discord.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> b19d9c4f3173ec375f5347e9f84f5ff85b2dee60 6 454 557 2025-07-21T17:00:03Z Squeaker 434557 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 455 559 2025-07-21T18:29:50Z UUnbalanced 619041 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 456 560 2025-07-21T18:51:12Z UUnbalanced 619041 Created page with "{{buff infobox | type = Debuff | image = epicpurplor.png | tooltip = You are taking damage. | effects = -6 health per second }} '''{{BASEPAGENAME}}''' is the only [[Satanist Mode]]-exclusive boss. It has 3324 health. == Spawning == It appears to spawn at complete random, regardless of player max HP, defense, time, biome, or summon item. == Behavior == It randomly twitches around, but does not aim to move closer or farther from the player. === Attacks === It does not at..." wikitext text/x-wiki {{buff infobox | type = Debuff | image = epicpurplor.png | tooltip = You are taking damage. | effects = -6 health per second }} '''{{BASEPAGENAME}}''' is the only [[Satanist Mode]]-exclusive boss. It has 3324 health. == Spawning == It appears to spawn at complete random, regardless of player max HP, defense, time, biome, or summon item. == Behavior == It randomly twitches around, but does not aim to move closer or farther from the player. === Attacks === It does not attack the player directly. However, it deals 224 contact damage, enough to kill an unprepared player. What cements this is its unexpectedly large hitbox, being almost twice as large as its sprite. Other than that, the Epic Purplor serves to be a minor inconvenience that triggers many of Satanist Mode's special restrictions when a boss is alive, such as instantly killing both you and the nurse when you attempt to heal, starting a storm, and being unable to open the map. The most dangerous aspect of the Epic Purplor are the things that come out when you kill it. Two "Purple Orbs" will spawn. These "Purple Orbs" are much smaller, and have much less health, but deal 256 contact damage. Unlike the Epic Purplor, they also home into the player extremely quickly. The most problematic part is that killing a Purple Orb only summons two more Purple Orbs, and repeatedly killing the new Purple Orbs will only leave an entire swarm. This swarm will either kill you and keep camping your spawn, or lag Terraria out so much that it crashes. Hence, the strategy for 'fighting' it is usually to wait for it to despawn by moving as far away from it as possible, or exiting and re-entering the world. == Trivia == *The Epic Purplor does not have any known origin. *Strangely, the Epic Purplor's bestiary image is completely blank. 8f3642facb57a2ef2ae8f5dc678226766b601f2e 561 560 2025-07-21T18:54:16Z UUnbalanced 619041 wikitext text/x-wiki {{npc infobox | type = Boss | image = epicpurplor.png | damage = 224 | defense = 7 }} '''{{BASEPAGENAME}}''' is the only [[Satanist Mode]]-exclusive boss. It has 3324 health. == Spawning == It appears to spawn at complete random, regardless of player max HP, defense, time, biome, or summon item. == Behavior == It randomly twitches around, but does not aim to move closer or farther from the player. === Attacks === It does not attack the player directly. However, it deals 224 contact damage, enough to kill an unprepared player. What cements this is its unexpectedly large hitbox, being almost twice as large as its sprite. Other than that, the Epic Purplor serves to be a minor inconvenience that triggers many of Satanist Mode's special restrictions when a boss is alive, such as instantly killing both you and the nurse when you attempt to heal, starting a storm, and being unable to open the map. The most dangerous aspect of the Epic Purplor are the things that come out when you kill it. Two "Purple Orbs" will spawn. These "Purple Orbs" are much smaller, and have much less health, but deal 256 contact damage. Unlike the Epic Purplor, they also home into the player extremely quickly. The most problematic part is that killing a Purple Orb only summons two more Purple Orbs, and repeatedly killing the new Purple Orbs will only leave an entire swarm. This swarm will either kill you and keep camping your spawn, or lag Terraria out so much that it crashes. Hence, the strategy for 'fighting' it is usually to wait for it to despawn by moving as far away from it as possible, or exiting and re-entering the world. == Trivia == *The Epic Purplor does not have any known origin. *Strangely, the Epic Purplor's bestiary image is completely blank. 1d52dbc5946a57f22a5ccff17116472cf74d9403 0 456 562 561 2025-07-21T19:03:49Z UUnbalanced 619041 wikitext text/x-wiki {{npc infobox | type = Boss | image = epicpurplor.png | damage = 224 | defense = 7 }} '''{{BASEPAGENAME}}''' is the only [[Satanist Mode]]-exclusive boss. It has 3324 health. == Spawning == It appears to spawn at complete random, regardless of player max HP, defense, time, biome, or summon item. == Behavior == It randomly twitches around, but does not aim to move closer or farther from the player. === Attacks === It does not attack the player directly. However, it deals 224 contact damage, enough to kill an unprepared player. What cements this is its unexpectedly large hitbox, being almost twice as large as its sprite. Other than that, the Epic Purplor serves to be a minor inconvenience that triggers many of Satanist Mode's restrictions when a boss is alive, such as instantly killing both you and the [[tgc:Nurse|Nurse]] when you attempt to heal using her, starting a rainstorm that gives the player the Lightning Rod debuff, and being unable to open the map in full-screen mode (which additionally prevents usage of [[tgc:Pylon|Pylons]]). The most dangerous aspect of the Epic Purplor are the things that come out when you kill it. Two "Purple Orbs" will spawn. These "Purple Orbs" are much smaller, and have much less health, but deal 256 contact damage. Unlike the Epic Purplor, they also home into the player extremely quickly. The most problematic part is that killing a Purple Orb only summons two more Purple Orbs, and repeatedly killing the new Purple Orbs will only leave an entire swarm. This swarm will either kill you and keep camping your spawn, or lag Terraria out so much that it crashes. Hence, the strategy for 'fighting' it is usually to wait for it to despawn by moving as far away from it as possible, or exiting and re-entering the world. == Trivia == *The Epic Purplor does not have any known origin. *Strangely, the Epic Purplor's bestiary image is completely blank. b989977b02e80bd296dcfae5881f80a16e5803d8 564 562 2025-07-21T19:10:30Z UUnbalanced 619041 wikitext text/x-wiki {{npc infobox | type = Boss | image = epicpurplor.png | damage = 224 | defense = 7 | life = 3324 }} '''{{BASEPAGENAME}}''' is the only [[Satanist Mode]]-exclusive boss. == Spawning == It appears to spawn at complete random, regardless of player max HP, defense, time, biome, or summon item. == Behavior == It randomly twitches around, but does not aim to move closer or farther from the player. === Attacks === It does not attack the player directly. However, it deals 224 contact damage, enough to kill an unprepared player. What cements this is its unexpectedly large hitbox, being almost twice as large as its sprite. Other than that, the Epic Purplor serves to be a minor inconvenience that triggers many of Satanist Mode's restrictions when a boss is alive, such as instantly killing both you and the [[tgc:Nurse|Nurse]] when you attempt to heal using her, starting a rainstorm that gives the player the Lightning Rod debuff, and being unable to open the map in full-screen mode (which additionally prevents usage of [[tgc:Pylon|Pylons]]). The most dangerous aspect of the Epic Purplor are the things that come out when you kill it. Two "Purple Orbs" will spawn, which deal 256 contact damage and home into the player extremely quickly. The most problematic part is that killing a Purple Orb only summons two more Purple Orbs, and repeatedly killing the new Purple Orbs will only leave an entire swarm. This swarm will either kill you and keep camping your spawn, or lag Terraria out so much that it crashes. {{npc infobox | name = Purple Orb | image = Purpleorb.png | damage = 256 | defense = 6 | life = 468 | hardmode = no }} Hence, the strategy for 'fighting' it is usually to wait for it to despawn by moving as far away from it as possible, or exiting and re-entering the world. == Trivia == *The Epic Purplor does not have any known origin. *Strangely, the Epic Purplor's bestiary image is completely blank. 6b472455a61ceb3741d0d89220d45d21c5f5bc96 568 564 2025-07-21T20:19:47Z UUnbalanced 619041 wikitext text/x-wiki {{npc infobox | type = Boss | image = epicpurplor.png | damage = 224 | defense = 7 | life = 3324 |money = {{value|0|0|2|27}} | Lesser Healing Potion | 8 | 100% | Heart | 8 | 100% }} '''{{BASEPAGENAME}}''' is the only [[Satanist Mode]]-exclusive boss. == Spawning == It appears to spawn at complete random, regardless of player max HP, defense, time, biome, or summon item. == Behavior == It randomly twitches around, but does not aim to move closer or farther from the player. === Attacks === It does not attack the player directly. However, it deals 224 contact damage, enough to kill an unprepared player. What cements this is its unexpectedly large hitbox, being almost twice as large as its sprite. Other than that, the Epic Purplor serves to be a minor inconvenience that triggers many of Satanist Mode's restrictions when a boss is alive, such as instantly killing both you and the [[tgc:Nurse|Nurse]] when you attempt to heal using her, starting a rainstorm that gives the player the Lightning Rod debuff, and being unable to open the map in full-screen mode (which additionally prevents usage of [[tgc:Pylon|Pylons]]). The most dangerous aspect of the Epic Purplor are the things that come out when you kill it. Two "Purple Orbs" will spawn, which deal 256 contact damage and home into the player extremely quickly. The most problematic part is that killing a Purple Orb only summons two more Purple Orbs, and repeatedly killing the new Purple Orbs will only leave an entire swarm. This swarm will either kill you and keep camping your spawn, or lag Terraria out so much that it crashes. {{npc infobox | name = Purple Orb | image = Purpleorb.png | damage = 256 | defense = 6 | life = 468 | hardmode = no |money = {{value|0|0|0|45}} }} Hence, the strategy for 'fighting' it is usually to wait for it to despawn by moving as far away from it as possible, or exiting and re-entering the world. == Trivia == *The Epic Purplor does not have any known origin. *Strangely, the Epic Purplor's bestiary image is completely blank. 6a43ace5b8e56a7ad3b5ea652682a162fc34bb9b 6 457 563 2025-07-21T19:09:11Z UUnbalanced 619041 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 458 565 2025-07-21T19:25:15Z UUnbalanced 619041 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 459 566 2025-07-21T19:50:51Z UUnbalanced 619041 Created page with "{{npc infobox |image = superarrow.png |type = Enemy |life = 600 |damage = 352 |defense = 18 |money = {{value|0|0|2|15}} | Megaphone | 1 | 100% }} The '''Super Arrow''' is a common and dangerous [[Satanist Mode]]-exclusive enemy. ==Behavior== The Super Arrow will spawn at random on the [[tgc:Surface|surface layer]] when not in a town. It may spawn by itself or as part of a swarm. It acts like a [[tgc:Worm AI|Giant Worm]], tunneling through blocks and accelerating in order..." wikitext text/x-wiki {{npc infobox |image = superarrow.png |type = Enemy |life = 600 |damage = 352 |defense = 18 |money = {{value|0|0|2|15}} | Megaphone | 1 | 100% }} The '''Super Arrow''' is a common and dangerous [[Satanist Mode]]-exclusive enemy. ==Behavior== The Super Arrow will spawn at random on the [[tgc:Surface|surface layer]] when not in a town. It may spawn by itself or as part of a swarm. It acts like a [[tgc:Worm AI|Giant Worm]], tunneling through blocks and accelerating in order to reach the player. ==Tips== Unlike most enemies that follow Worm AI, it does not have segments, and is quite short, making piercing weapons very ineffective. Due to its incredible acceleration, which can often make it impossible to outrun, the best weapons against Super Arrows are those that deal heavy knockback, as they will reset the Super Arrow's speed and create more distance. Weapons that can hit or fire very quickly can also be effective against the Super Arrow for stunlocking it. Turn down your volume while killing them, as they emit a very loud glitching noise. Their megaphones can be useful to sell for quick money, but due to how difficult Super Arrows are to kill, it is much easier to obtain them from [[Immense Pain]]s, enemies that have much more health but follow basic [[tgc:Fighter AI|Fighter AI] and cannot move through blocks. If you hear or see them near one of your towns, you should probably exit and re-enter the world. The Super Arrow's insane speed makes it difficult to despawn, and it can one hit many of your NPCs in a few seconds, which removes the town and enables more Super Arrows to spawn. 921573f1b50cded6c00b9c589c3057bb03646a04 567 566 2025-07-21T19:52:26Z UUnbalanced 619041 wikitext text/x-wiki {{npc infobox |image = superarrow.png |type = Enemy |life = 600 |damage = 352 |defense = 18 |money = {{value|0|0|2|15}} | Megaphone | 1 | 100% }} The '''Super Arrow''' is a common and dangerous [[Satanist Mode]]-exclusive enemy. ==Behavior== The Super Arrow will spawn at random on the [[tgc:Surface|surface layer]] when not in a town. It may spawn by itself or as part of a swarm. It acts like a [[tgc:Worm AI|Giant Worm]], tunneling through blocks and accelerating in order to reach the player. ==Tips== Unlike most enemies that follow Worm AI, it does not have segments, and is quite short, making piercing weapons very ineffective. Due to its incredible acceleration, which can often make it impossible to outrun, the best weapons against Super Arrows are those that deal heavy knockback, as they will reset the Super Arrow's speed and create more distance. Weapons that can hit or fire very quickly can also be effective against the Super Arrow for stunlocking it. Turn down your volume while killing them, as they emit a very loud glitching noise. Their megaphones can be useful to sell for quick money, but due to how difficult Super Arrows are to kill, it is much easier to obtain them from [[Immense Pain]]s, enemies that have much more health but follow basic [[tgc:Fighter AI|Fighter AI]] and cannot move through blocks. If you hear or see them near one of your towns, you should probably exit and re-enter the world. The Super Arrow's insane speed makes it difficult to despawn, and it can one hit many of your NPCs in a few seconds, which removes the town and enables more Super Arrows to spawn. 55f56f6b074f1cd7033671fd2ed2741bf2afbbb2